.button .button-content,.button .button-loading{justify-content:center;align-items:center;gap:inherit;grid-area:1/1;display:inline-flex}.button.is-pending{cursor:progress}.button.is-loading{cursor:progress;display:inline-grid}.button.is-loading .button-content{visibility:hidden}.button .button-spinner{width:var(--zfx-spinner-size);height:var(--zfx-spinner-size);border:var(--zfx-focus-ring-thin) solid currentColor;border-radius:var(--zfx-radius-pill);animation:button-spin var(--zfx-motion-spin) infinite;border-right-color:#0000}@keyframes button-spin{to{transform:rotate(360deg)}}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive){min-height:var(--zfx-button-height);border:var(--zfx-border-width) solid transparent;border-radius:var(--zfx-radius-button);padding:0 var(--zfx-space-button-x);font-family:var(--zfx-font);font-size:var(--zfx-text-md);line-height:var(--zfx-leading-md);font-weight:var(--zfx-weight-medium);transition:color var(--zfx-motion-fast), background var(--zfx-motion-fast), border-color var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast), opacity var(--zfx-motion-fast);transition-property:color,background,border-color,box-shadow,opacity,transform}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive).button-sm{min-height:var(--zfx-button-height-sm);padding:0 var(--zfx-space-md);font-size:var(--zfx-text-sm)}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive).button-lg{min-height:var(--zfx-button-height-lg);padding:0 var(--zfx-space-lg)}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive):active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 1px 2px var(--zfx-pressed-inset);transform:scale(var(--zfx-press-scale));transition-duration:var(--zfx-motion-press)}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive):focus-visible{box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}.button:is(.button-brand,.button-soft){width:100%}.button.button-brand{background:linear-gradient(90deg, var(--zfx-button-start), var(--zfx-button-end));color:var(--zfx-on-primary)}@media (hover:hover){.button.button-brand:hover:not(:disabled,[aria-disabled=true]){background:linear-gradient(90deg, var(--zfx-button-hover-start), var(--zfx-button-hover-end))}}.button.button-brand:active:not(:disabled,[aria-disabled=true]){background:linear-gradient(90deg, var(--zfx-button-pressed-start), var(--zfx-button-pressed-end))}.button.button-soft{background:var(--zfx-raised);color:var(--zfx-primary-text)}@media (hover:hover){.button.button-soft:hover:not(:disabled,[aria-disabled=true]){background:var(--zfx-raised-hover);color:var(--zfx-primary-text-hover)}}.button.button-soft:active:not(:disabled,[aria-disabled=true]){background:var(--zfx-raised-pressed);color:var(--zfx-primary-text)}.button.button-outline{border-color:var(--zfx-border);color:var(--zfx-ink);background:0 0}@media (hover:hover){.button.button-outline:hover:not(:disabled,[aria-disabled=true]){border-color:var(--zfx-border-hover);background:var(--zfx-surface)}}.button.button-outline:active:not(:disabled,[aria-disabled=true]){border-color:var(--zfx-border-hover);background:var(--zfx-field-sunken)}.button.button-ghost{color:var(--zfx-primary-text);background:0 0}@media (hover:hover){.button.button-ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--zfx-ghost-hover);color:var(--zfx-primary-text-hover)}}.button.button-ghost:active:not(:disabled,[aria-disabled=true]){background:var(--zfx-ghost-pressed);color:var(--zfx-primary-text);box-shadow:none}.button.button-destructive{background:linear-gradient(90deg, var(--zfx-destructive-start), var(--zfx-destructive-end));color:var(--zfx-on-primary)}@media (hover:hover){.button.button-destructive:hover:not(:disabled,[aria-disabled=true]){background:linear-gradient(90deg, var(--zfx-destructive-hover-start), var(--zfx-destructive-hover-end))}}.button.button-destructive:active:not(:disabled,[aria-disabled=true]){background:linear-gradient(90deg, var(--zfx-destructive-pressed-start), var(--zfx-destructive-pressed-end))}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive):is(:disabled,[aria-disabled=true]):not(.is-loading,.is-pending){background:var(--zfx-disabled-fill);color:var(--zfx-disabled-label);box-shadow:none;cursor:not-allowed;border-color:#0000;transform:none}.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive):is(:disabled,[aria-disabled=true]):not(.is-loading,.is-pending).button-ghost{background:0 0}@media (width<=600px){.button:is(.button-brand,.button-soft,.button-outline,.button-ghost,.button-destructive){font-size:var(--zfx-mobile-text-body)}}.zfx-icon-button{width:var(--zfx-icon-button);height:var(--zfx-icon-button);border-radius:var(--zfx-radius-icon-button);background:var(--zfx-raised);color:var(--zfx-primary-text);transition:color var(--zfx-motion-fast), background var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast), opacity var(--zfx-motion-fast);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.zfx-icon-button svg{width:var(--zfx-icon-size);height:var(--zfx-icon-size)}@media (hover:hover){.zfx-icon-button:hover:not(:disabled,[aria-disabled=true]){background:var(--zfx-raised-hover)}}.zfx-icon-button:active:not(:disabled,[aria-disabled=true]){background:var(--zfx-raised-pressed);box-shadow:inset 0 1px 2px var(--zfx-pressed-inset)}.zfx-icon-button:focus-visible{box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}.zfx-icon-button:disabled,.zfx-icon-button[aria-disabled=true]{opacity:var(--zfx-disabled-opacity);cursor:not-allowed}.zfx-tabs{gap:var(--zfx-space-md);display:grid}.zfx-tabs .zfx-tabs-list{border-bottom:var(--zfx-border-width) solid var(--zfx-rule);scrollbar-width:none;display:flex;overflow-x:auto}.zfx-tabs .zfx-tab{min-height:var(--zfx-tab-height);padding:0 var(--zfx-space-lg);--tab-line:transparent;border-radius:var(--zfx-radius-menu-item) var(--zfx-radius-menu-item) 0 0;color:var(--zfx-muted-label);font-family:var(--zfx-font);font-size:var(--zfx-text-control);font-weight:var(--zfx-weight-medium);line-height:var(--zfx-leading-md);white-space:nowrap;cursor:pointer;transition:color var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast);background:0 0;border:0;flex-shrink:0;position:relative}.zfx-tabs .zfx-tab:after{right:0;bottom:calc(-1 * var(--zfx-border-width));height:var(--zfx-tab-indicator);background:var(--tab-line);content:"";transition:background var(--zfx-motion-fast);position:absolute;left:0}@media (hover:hover){.zfx-tabs .zfx-tab:hover:not(:disabled,[aria-disabled=true]){--tab-line:var(--zfx-border-subtle);color:var(--zfx-ink)}}.zfx-tabs .zfx-tab:focus-visible{box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}.zfx-tabs .zfx-tab:disabled,.zfx-tabs .zfx-tab[aria-disabled=true]{opacity:var(--zfx-disabled-opacity);cursor:not-allowed}.zfx-tabs .zfx-tabs-list .zfx-tab[aria-selected=true]{--tab-line:var(--zfx-button-start);color:var(--zfx-ink)}.zfx-tabs .zfx-tab-panel:focus-visible{border-radius:var(--zfx-radius-field);box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}.zfx-segmented{gap:var(--zfx-space-2xs);padding:var(--zfx-space-2xs);border-radius:var(--zfx-radius-field);background:var(--zfx-field-sunken);display:inline-flex}.zfx-segmented .zfx-segment{min-height:var(--zfx-segment-height);padding:0 var(--zfx-space-md);border-radius:var(--zfx-radius-menu-item);color:var(--zfx-secondary-text);font-family:var(--zfx-font);font-size:var(--zfx-text-sm);font-weight:var(--zfx-weight-medium);line-height:var(--zfx-leading-sm);white-space:nowrap;cursor:pointer;transition:color var(--zfx-motion-fast), background var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast);flex:1 1 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.zfx-segmented .zfx-segment:has(:focus-visible){box-shadow:0 0 0 2px var(--zfx-focus-glow)}@media (hover:hover){.zfx-segmented .zfx-segment:hover:not(.is-disabled){background:var(--zfx-surface)}}.zfx-segmented .zfx-segment-input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.zfx-segmented .zfx-segment-label{pointer-events:none;position:relative}.zfx-segmented .zfx-segment:has(:checked){background:var(--zfx-raised);color:var(--zfx-ink);box-shadow:0 1px 2px var(--zfx-pressed-inset)}.zfx-segmented .zfx-segment:has(:checked:focus-visible){box-shadow:0 0 0 2px var(--zfx-focus-glow)}.zfx-segmented .zfx-segment.is-disabled{opacity:var(--zfx-disabled-opacity);cursor:not-allowed}.zfx-toast-viewport{inset:var(--zfx-space-lg) var(--zfx-space-lg) auto auto;z-index:var(--zfx-layer-toast);width:min(var(--zfx-toast-width), 100vw - 2 * var(--zfx-space-lg));height:auto;max-height:none;color:inherit;pointer-events:none;background:0 0;border:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;overflow:visible}.zfx-toast-viewport:not(:popover-open){display:flex}.zfx-toast-viewport .zfx-toast-slot{grid-template-rows:1fr;display:grid}.zfx-toast-viewport .zfx-toast-slot[data-leaving]{animation:zfx-toast-collapse var(--zfx-duration-exit) var(--zfx-ease-move) both}.zfx-toast-viewport .zfx-toast-frame{min-height:0}.zfx-toast-viewport [data-leaving] .zfx-toast-frame{overflow:hidden}.zfx-toast-viewport .zfx-toast{--toast-tone:var(--zfx-info);align-items:flex-start;gap:var(--zfx-space-tight);margin-bottom:var(--zfx-space-xs);padding:var(--zfx-space-sm) var(--zfx-space-sm) var(--zfx-space-sm) var(--zfx-space-md);border:var(--zfx-border-width) solid var(--zfx-toast-border);border-radius:var(--zfx-radius-banner);background:var(--zfx-toast-surface);color:var(--zfx-ink);font-family:var(--zfx-font);font-size:var(--zfx-text-sm);font-weight:var(--zfx-weight-medium);line-height:var(--zfx-leading-sm);-webkit-font-smoothing:antialiased;box-shadow:0 1px 2px var(--zfx-toast-shadow), 0 8px 24px var(--zfx-toast-shadow);pointer-events:auto;animation:zfx-toast-in var(--zfx-duration-enter) var(--zfx-ease-enter) both;display:flex}.zfx-toast-viewport [data-leaving] .zfx-toast{animation:zfx-toast-out var(--zfx-duration-exit) var(--zfx-ease-exit) both}.zfx-toast-viewport .zfx-toast-success{--toast-tone:var(--zfx-success)}.zfx-toast-viewport .zfx-toast-error{--toast-tone:var(--zfx-danger)}.zfx-toast-viewport .zfx-toast-warning{--toast-tone:var(--zfx-warning)}.zfx-toast-viewport .zfx-toast-icon{margin-top:calc((var(--zfx-leading-sm) - 1.25rem) / 2);color:var(--toast-tone);flex-shrink:0}.zfx-toast-viewport .zfx-toast-text{min-width:0;padding-block:calc((var(--zfx-infotip-size) - var(--zfx-leading-sm)) / 2);flex:1}.zfx-toast-viewport .zfx-toast-title,.zfx-toast-viewport .zfx-toast-message,.zfx-toast-viewport .zfx-toast-description{overflow-wrap:anywhere;text-wrap:pretty;margin:0}.zfx-toast-viewport .zfx-toast-title{font-weight:var(--zfx-weight-bold)}.zfx-toast-viewport .zfx-toast-description{color:var(--zfx-secondary-text);font-weight:var(--zfx-weight-regular)}.zfx-toast-viewport .zfx-toast-action{height:var(--zfx-infotip-size);padding:0 var(--zfx-space-xs);border-radius:var(--zfx-radius-check);color:var(--zfx-primary-text);font:inherit;font-weight:var(--zfx-weight-bold);cursor:pointer;background:0 0;border:0;flex-shrink:0;position:relative}.zfx-toast-viewport .zfx-toast-action:after{width:max(100%, var(--zfx-hit-area));height:max(100%, var(--zfx-hit-area));content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.zfx-toast-viewport .zfx-toast-action{transition:color var(--zfx-motion-fast), background var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast)}@media (hover:hover){.zfx-toast-viewport .zfx-toast-action:hover:not(:disabled,[aria-disabled=true]){background:var(--zfx-ghost-hover);color:var(--zfx-primary-text-hover)}}.zfx-toast-viewport .zfx-toast-action:focus-visible{box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}.zfx-toast-viewport .zfx-toast-close{width:var(--zfx-infotip-size);height:var(--zfx-infotip-size);border-radius:var(--zfx-radius-check);color:var(--zfx-secondary-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid;position:relative}.zfx-toast-viewport .zfx-toast-close:after{width:max(100%, var(--zfx-hit-area));height:max(100%, var(--zfx-hit-area));content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.zfx-toast-viewport .zfx-toast-close{transition:color var(--zfx-motion-fast), background var(--zfx-motion-fast), box-shadow var(--zfx-motion-fast)}@media (hover:hover){.zfx-toast-viewport .zfx-toast-close:hover:not(:disabled,[aria-disabled=true]){background:var(--zfx-ghost-hover);color:var(--zfx-ink)}}.zfx-toast-viewport .zfx-toast-close:focus-visible{box-shadow:0 0 0 2px var(--zfx-focus-glow);outline:none}@keyframes zfx-toast-in{0%{opacity:0;transform:translateY(calc(-1 * var(--zfx-toast-offset))) scale(.97)}}@keyframes zfx-toast-out{to{opacity:0;transform:translateY(calc(-.5 * var(--zfx-toast-offset))) scale(.98)}}@keyframes zfx-toast-collapse{to{grid-template-rows:0fr}}@media (width<=600px){.zfx-toast-viewport{inset:calc(env(safe-area-inset-top,0) + var(--zfx-space-sm)) var(--zfx-space-md) auto;align-items:center;width:auto}.zfx-toast-viewport .zfx-toast-slot{width:min(100%, var(--zfx-toast-width))}}.zfx-tooltip-anchor{--tooltip-gap:var(--zfx-space-xs);--tooltip-arrow:var(--zfx-space-tight);display:inline-flex;position:relative}.zfx-tooltip-anchor .zfx-tooltip{z-index:var(--zfx-layer-menu);width:max-content;max-width:var(--zfx-tooltip-width);padding:var(--zfx-space-xs) var(--zfx-space-sm);border-radius:var(--zfx-radius-menu-item);background:var(--zfx-ink);color:var(--zfx-background);font-family:var(--zfx-font);font-size:var(--zfx-mobile-text-note);font-weight:var(--zfx-weight-medium);line-height:var(--zfx-leading-xs);text-align:left;white-space:normal;animation:zfx-tooltip-in var(--zfx-motion-fast) both;position:absolute;left:50%;transform:translate(-50%)}.zfx-tooltip-anchor .zfx-tooltip[hidden]{display:none}.zfx-tooltip-anchor .zfx-tooltip:before{height:var(--tooltip-gap);content:"";position:absolute;left:0;right:0}.zfx-tooltip-anchor .zfx-tooltip:after{width:var(--tooltip-arrow);height:var(--tooltip-arrow);background:inherit;content:"";position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.zfx-tooltip-anchor .zfx-tooltip-top{bottom:calc(100% + var(--tooltip-gap))}.zfx-tooltip-anchor .zfx-tooltip-top:before{top:100%}.zfx-tooltip-anchor .zfx-tooltip-top:after{bottom:calc(var(--tooltip-arrow) / -2)}.zfx-tooltip-anchor .zfx-tooltip-bottom{top:calc(100% + var(--tooltip-gap))}.zfx-tooltip-anchor .zfx-tooltip-bottom:before{bottom:100%}.zfx-tooltip-anchor .zfx-tooltip-bottom:after{top:calc(var(--tooltip-arrow) / -2)}@keyframes zfx-tooltip-in{0%{opacity:0}}.zfx-glow{pointer-events:none;position:absolute;inset:0;overflow:hidden}.zfx-glow.zfx-glow-top{background:radial-gradient(ellipse 52% 54% at 94% 0%, var(--zfx-glow-primary), var(--zfx-glow-fade) 100%), radial-gradient(ellipse 24% 29% at 98% 20%, var(--zfx-glow-secondary), var(--zfx-glow-fade) 100%)}.zfx-glow.zfx-glow-aurora{background:radial-gradient(ellipse 48% 56% at 22% 0%, var(--zfx-glow-primary), var(--zfx-glow-fade) 100%), radial-gradient(ellipse 31% 34% at 38% 100%, var(--zfx-glow-secondary), var(--zfx-glow-fade) 100%)}