@rdlabo/ionic-theme-ios27 1.0.1 → 1.0.3-beta.pr197.shaddcc0eacc313

package/dist/css/ionic-theme-ios27-dark-system.css

@@ -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}}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled)){--background: rgba(var(--ion-color-medium-rgb, 152, 154, 162), 0.19)}:where(ion-segment.ios:not(.ios-theme-disabled,.ios26-disabled,.ion-color) ion-segment-button:not(.ion-color,.in-segment-color)){--indicator-color: color-mix(in srgb, rgb(var(--ion-color-medium-rgb, 152, 154, 162)) 59%, var(--ion-background-color, #000))}}
+@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))}}