@rdlabo/ionic-theme-ios27 1.0.3 → 1.0.4
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-segment.css +1 -1
- package/dist/css/ionic-theme-ios27-dark-always.css +1 -1
- package/dist/css/ionic-theme-ios27-dark-class.css +1 -1
- package/dist/css/ionic-theme-ios27-dark-system.css +1 -1
- package/dist/css/ionic-theme-ios27.css +1 -1
- package/package.json +1 -1
- package/src/styles/components/ion-segment.scss +11 -2
- package/src/styles/utils/dark/ion-segment.scss +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--border-radius: 16px;--ios27-segment-scale: 1.113;min-height:32px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable){overflow:visible}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable).ios27-enable-gesture{contain:layout style}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:var(--border-radius)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.53);box-sizing:border-box;position:relative;z-index:0;background:var(--background);backdrop-filter:blur(6px) saturate(180%) brightness(1.05);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.095 )}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){--border-radius: 24px;min-height:48px;transition:transform 517ms linear(0, 0.1367 6.38%, 0.4112 12.96%, 0.6945 19.34%, 0.9159 25.73%, 1 29.01%, 1.0912 35.4%, 1.1213 41.97%, 1.1089 48.36%, 1.0584 58.03%, 1 70.99%, 0.9858 83.75%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand):not(.segment-disabled):is(.ios27-segment-pressed,:not(.ios27-enable-gesture):is(.segment-activated,:has(ion-segment-button.ion-activated))){transform:scale(var(--ios27-segment-scale));transition:transform 367ms linear(0, 0.1656 8.99%, 0.4905 18.26%, 0.7836 27.25%, 0.974 36.24%, 1.0625 45.5%, 1.0802 54.5%, 1.0634 63.49%, 1.0368 72.75%, 1.0147 81.74%, 1.0005 90.74%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand) ion-segment-button{min-height:44px;margin:2px 0;font-size:.94rem}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button:is(.in-toolbar-color,.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color.segment-button-checked::part(native){color:var(--color-checked)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture,.segment-disabled):is(.segment-activated,:has(ion-segment-button:is(:active,.ion-activated))) ion-segment-button.segment-button-checked:not(.segment-button-disabled)::part(indicator-background){scale:1.35 1.4;background:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button{z-index:2}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button::part(indicator){opacity:0}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-lens{box-sizing:border-box;position:absolute;top:0;left:0;border-radius:999px;pointer-events:none;z-index:1}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{backdrop-filter:blur(0) saturate(104%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 2px 3px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),inset 0 -1px 2px hsla(0,0%,100%,.8),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),0 2px 5px rgba(0,0,0,.06);position:absolute;inset:0;border-radius:inherit;pointer-events:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand{width:calc(100% - var(--ion-safe-area-left, 0px) - var(--ion-safe-area-right, 0px) - 24px)}@media(prefers-reduced-motion: reduce){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-segment-scale: 1;transition:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){transform:none;transition:none}}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled)){contain:layout style}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled))::part(container){contain:layout style;overflow:visible}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled){--border-width: 0;--border-radius: 999px;--indicator-box-shadow: none;--padding-start: 8px;--padding-end: 8px;min-width:65px;min-height:28px;margin:2px 0;font-size:.81rem;font-weight:500;line-height:normal}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).segment-button-disabled{opacity:.2}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){transition:var(--indicator-transition),scale 250ms ease-out,background 200ms ease}@media(prefers-reduced-motion: reduce){ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){scale:1 !important;transition:none}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 99, 100, 105), 0.11)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: var(--ion-background-color, #fff)}
|
|
1
|
+
ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--border-radius: 16px;--ios27-segment-scale: 1.113;min-height:32px}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable){overflow:visible}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.segment-scrollable).ios27-enable-gesture{contain:layout style}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:var(--border-radius)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.53);box-sizing:border-box;position:relative;z-index:0;background:var(--background);backdrop-filter:blur(6px) saturate(180%) brightness(1.05);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.095 )}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){--border-radius: 24px;min-height:48px;transition:transform 517ms linear(0, 0.1367 6.38%, 0.4112 12.96%, 0.6945 19.34%, 0.9159 25.73%, 1 29.01%, 1.0912 35.4%, 1.1213 41.97%, 1.1089 48.36%, 1.0584 58.03%, 1 70.99%, 0.9858 83.75%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand):not(.segment-disabled):is(.ios27-segment-pressed,:not(.ios27-enable-gesture):is(.segment-activated,:has(ion-segment-button.ion-activated))){transform:scale(var(--ios27-segment-scale));transition:transform 367ms linear(0, 0.1656 8.99%, 0.4905 18.26%, 0.7836 27.25%, 0.974 36.24%, 1.0625 45.5%, 1.0802 54.5%, 1.0634 63.49%, 1.0368 72.75%, 1.0147 81.74%, 1.0005 90.74%, 1)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand) ion-segment-button{min-height:44px;margin:2px 0;font-size:.94rem}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-segment-color::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-toolbar-color:not(.in-segment-color)::part(indicator-background){background:var(--indicator-color)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ion-color ion-segment-button.in-segment-color.segment-button-checked::part(native){color:var(--color-checked)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios27-enable-gesture,.segment-disabled):is(.segment-activated,:has(ion-segment-button:is(:active,.ion-activated))) ion-segment-button.segment-button-checked:not(.segment-button-disabled)::part(indicator-background){scale:1.35 1.4;background:rgba(0,0,0,0);background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 1);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button{z-index:2}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-segment-button::part(indicator){opacity:0}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-lens{box-sizing:border-box;position:absolute;top:0;left:0;border-radius:999px;pointer-events:none;z-index:1}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{backdrop-filter:blur(0) saturate(104%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 2px 3px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),inset 0 -1px 2px hsla(0,0%,100%,.8),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06),0 2px 5px rgba(0,0,0,.06);position:absolute;inset:0;border-radius:inherit;pointer-events:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-expand{width:calc(100% - var(--ion-safe-area-left, 0px) - var(--ion-safe-area-right, 0px) - 24px)}@media(prefers-reduced-motion: reduce){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-segment-scale: 1;transition:none}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.segment-expand){transform:none;transition:none}}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled)){contain:layout style}ion-toolbar.ios:has(>ion-segment.ios27-enable-gesture:not(.segment-scrollable,.ios-theme-disabled,.ios26-disabled))::part(container){contain:layout style;overflow:visible}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled){--border-width: 0;--border-radius: 999px;--indicator-box-shadow: none;--padding-start: 8px;--padding-end: 8px;min-width:65px;min-height:28px;margin:2px 0;font-size:.81rem;font-weight:500;line-height:normal}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled).segment-button-disabled{opacity:.2}ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){transition:var(--indicator-transition),scale 250ms ease-out,background 200ms ease}@media(prefers-reduced-motion: reduce){ion-segment-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(indicator-background){scale:1 !important;transition:none}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 99, 100, 105), 0.11)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: var(--ion-background-color, #fff)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-toolbar-color:not(.in-segment-color)){--indicator-color: var(--ion-toolbar-segment-indicator-color, var(--ion-color-contrast))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}
|
|
1
|
+
:root{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-toolbar-color:not(.in-segment-color)){--indicator-color: var(--ion-toolbar-segment-indicator-color, var(--ion-color-contrast))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ion-palette-dark{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}
|
|
1
|
+
.ion-palette-dark{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),.ion-palette-dark ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}.ion-palette-dark ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),.ion-palette-dark ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),.ion-palette-dark ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}.ion-palette-dark ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}.ion-palette-dark :where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-toolbar-color:not(.in-segment-color)){--indicator-color: var(--ion-toolbar-segment-indicator-color, var(--ion-color-contrast))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(prefers-color-scheme: dark){:root{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}}
|
|
1
|
+
@media(prefers-color-scheme: dark){:root{--ios27-color-scheme: dark;--ios-theme-destructive-color: #ff686b;--ios-theme-menu-background-rgb: 26, 31, 34;--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios27-button-color-selected-default-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.5}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.93)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.93)}ion-alert.ios:not(.ios-theme-disabled,.ios26-disabled),ion-action-sheet.ios:not(.ios-theme-disabled,.ios26-disabled),ion-toast.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.08)}ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-callout)::part(content),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(callout-glass),ion-popover.ios:not(.ios-theme-disabled,.ios26-disabled)::part(arrow)::after{backdrop-filter:blur(12px) saturate(115%) brightness(0.9);-webkit-backdrop-filter:blur(12px) saturate(115%) brightness(0.9)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){box-shadow:none}}@supports(background-clip: border-area){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):not(:has(.ion-activated)){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios-theme-disabled,.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear){--box-shadow:none}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ion-activated):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5 );--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.5);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px rgba(0,0,0,.32);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.35) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.18) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.2);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.5);--box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated){--box-shadow:none}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:var(--box-shadow)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button:not(.ion-activated)::part(native){background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated::part(native){background-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.55);border-width:.8px;border-style:solid;border-color:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.4) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.8) rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-rgb))), 0.6);background-image:none;background-clip:border-box;background-origin:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--color: rgb(var(--ion-text-color-rgb, 255, 255, 255));--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent )}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{box-shadow:none}}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(6px) saturate(150%) brightness(1.23)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){--ios27-tab-selected-background: rgba( var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72 )}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:rgba(0,0,0,0);background-clip:padding-box;border-color:rgba(var(--ios-theme-glass-border-color-rgb, 0, 0, 0), 0.12);box-shadow:inset 0 0 5px rgba(0,0,0,.24)}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.segment-button-disabled{opacity:.15}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{--ios26-glass-border-color-rgb: 12, 12, 12;border-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85);background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:padding-box;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.65),inset 0 1px 1px rgba(0,0,0,.4),inset 0 -1px 1px rgba(0,0,0,.4)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) .ios27-segment-edge{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(100, 140, 190, 0.28), rgba(0, 0, 0, 0.85) 12%, rgba(0, 0, 0, 0.85) 88%, rgba(140, 110, 65, 0.28)),linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.2));background-clip:border-area,padding-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{--background: color-mix( in srgb, color-mix( in srgb, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))) 92%, rgb(var(--ion-text-color-rgb, 255, 255, 255)) ) 40%, transparent );background:var(--background);backdrop-filter:blur(6px) saturate(150%) brightness(1.23);border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14));background-origin:padding-box;background-clip:border-box;box-shadow:inset 0 .5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2),inset 0 -0.5px 1px rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.2)}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{box-shadow:none}}@supports(background-clip: border-area){ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass{background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24), transparent 35%, transparent 65%, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.24)),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) 1px, transparent 6px, transparent calc(100% - 6px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.04) calc(100% - 1px), rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.14)),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled).segment-style-glass ion-segment-button{--indicator-color: rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, 0, 0, 0)), 0.72)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled) ion-segment-button.in-toolbar-color:not(.in-segment-color)){--indicator-color: var(--ion-toolbar-segment-indicator-color, var(--ion-color-contrast))}}
|