.klyp-Button{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-6);height:var(--control-size-md);padding-inline:var(--control-pad-x-md);--pad-icon-side:var(--space-12);--btn-ring:transparent;box-shadow:inset 0 0 0 var(--bw-default) var(--btn-ring);border-radius:var(--r-chip);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:var(--type-buttons);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard), filter var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);background:0 0;margin:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.klyp-Button>svg{pointer-events:none;flex-shrink:0}.klyp-Button[data-size=xs]{gap:var(--space-4);height:var(--control-size-xs);padding-inline:var(--control-pad-x-xs);--pad-icon-side:var(--space-8);font:var(--type-buttons-sm);font-weight:var(--font-weight-medium)}.klyp-Button[data-size=xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=sm]{gap:var(--space-6);height:var(--control-size-sm);padding-inline:var(--control-pad-x-sm);--pad-icon-side:var(--space-10);font:var(--type-buttons-sm);font-weight:var(--font-weight-medium)}.klyp-Button[data-size=sm]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=md]>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.klyp-Button[data-size=lg]{gap:var(--space-8);height:var(--control-size-lg);padding-inline:var(--control-pad-x-lg);--pad-icon-side:var(--space-16);font:var(--type-buttons-lg);font-weight:var(--font-weight-medium)}.klyp-Button[data-size=lg]>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-Button[data-size=xl]{gap:var(--space-8);height:var(--control-size-xl);padding-inline:var(--control-pad-x-xl);--pad-icon-side:var(--space-20);font:var(--type-buttons-xl);font-weight:var(--font-weight-medium)}.klyp-Button[data-size=xl]>svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.klyp-Button[data-size=icon-xs]{width:var(--control-size-xs);height:var(--control-size-xs);padding:0}.klyp-Button[data-size=icon-xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=icon-sm]{width:var(--control-size-sm);height:var(--control-size-sm);padding:0}.klyp-Button[data-size=icon-sm]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=icon]{width:var(--control-size-md);height:var(--control-size-md);padding:0}.klyp-Button[data-size=icon]>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.klyp-Button[data-size=icon-lg]{width:var(--control-size-lg);height:var(--control-size-lg);padding:0}.klyp-Button[data-size=icon-lg]>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-Button[data-fill]{width:100%;min-width:0}.klyp-Button__text{min-width:0}.klyp-Button[data-fill] .klyp-Button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.klyp-Button[data-icon-left]:not([data-variant=link]){padding-left:var(--pad-icon-side)}.klyp-Button[data-icon-right]:not([data-variant=link]){padding-right:var(--pad-icon-side)}.klyp-Button[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-Button[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.klyp-Button[data-loading]{cursor:progress}.klyp-Button[data-pressed]:not([data-disabled]){transform:translateY(1px)}.klyp-Button[data-variant=primary]{background:var(--color-bg-surface-solid);color:var(--color-fg-primary);--btn-ring:var(--alpha-white-03)}.klyp-Button[data-variant=primary][data-hovered]:not([data-pressed]):not([data-disabled]){background:color-mix(in srgb, var(--color-bg-surface-solid) 85%, white);background:color-mix(in oklch, var(--color-bg-surface-solid) 85%, white);--btn-ring:var(--color-border-default)}.klyp-Button[data-variant=primary][data-pressed]:not([data-disabled]){background:color-mix(in srgb, var(--color-bg-surface-solid) 80%, black);background:color-mix(in oklch, var(--color-bg-surface-solid) 80%, black)}.klyp-Button[data-variant=secondary]{background:var(--color-bg-surface);color:var(--color-fg-primary);--btn-ring:var(--alpha-white-03)}.klyp-Button[data-variant=secondary][data-hovered]:not([data-pressed]):not([data-disabled]){background:var(--color-bg-surface-solid);--btn-ring:var(--color-border-default)}.klyp-Button[data-variant=secondary][data-pressed]:not([data-disabled]){background:color-mix(in srgb, var(--color-bg-surface) 80%, black);background:color-mix(in oklch, var(--color-bg-surface) 80%, black)}.klyp-Button[data-variant=outline]{color:var(--color-fg-primary);--btn-ring:var(--color-border-subtle);background:0 0}.klyp-Button[data-variant=outline][data-hovered]:not([data-pressed]):not([data-disabled]){background:var(--color-bg-surface);--btn-ring:var(--color-border-strong)}.klyp-Button[data-variant=outline][data-pressed]:not([data-disabled]){background:var(--color-bg-surface-solid)}.klyp-Button[data-variant=ghost]{color:var(--color-fg-primary);background:0 0}.klyp-Button[data-variant=ghost][data-hovered]:not([data-pressed]):not([data-disabled]){background:var(--color-bg-surface)}.klyp-Button[data-variant=ghost][data-pressed]:not([data-disabled]){background:var(--color-bg-surface-solid)}.klyp-Button[data-variant=ghost][data-disabled]{color:var(--color-fg-muted)}.klyp-Button[data-variant=destructive]{background:var(--color-status-danger-strong);color:var(--neutral-0)}.klyp-Button[data-variant=destructive][data-hovered]:not([data-pressed]):not([data-disabled]){filter:brightness(1.1)}.klyp-Button[data-variant=destructive][data-pressed]:not([data-disabled]){filter:brightness(.9)}.klyp-Button[data-variant=link]{color:var(--color-fg-accent);background:0 0;padding-left:0;padding-right:0}.klyp-Button[data-variant=link][data-hovered]:not([data-pressed]):not([data-disabled]){text-underline-offset:var(--space-4);text-decoration:underline}.klyp-Button[data-variant=accent]{color:var(--color-fg-primary);--btn-glow-bg:var(--fx-accent-glow-bg);--btn-glow-shadow:var(--fx-accent-glow-shadow);--btn-glow-shadow-hover:var(--fx-accent-glow-shadow-hover)}.klyp-Button[data-variant=accent][data-glow=neutral]{--btn-glow-bg:var(--fx-neutral-glow-bg);--btn-glow-shadow:var(--fx-neutral-glow-shadow);--btn-glow-shadow-hover:var(--fx-neutral-glow-shadow-hover)}.klyp-Button[data-variant=accent]{background:var(--btn-glow-bg), var(--color-bg-surface-solid);box-shadow:var(--btn-glow-shadow)}.klyp-Button[data-variant=accent][data-hovered]:not([data-pressed]):not([data-disabled]){box-shadow:var(--btn-glow-shadow-hover)}.klyp-Button[data-variant=accent][data-pressed]:not([data-disabled]){box-shadow:var(--btn-glow-shadow-hover);filter:brightness(.96)}.klyp-Button[data-animate-width]{min-width:0;max-width:100%}.klyp-Button__fluidContent{justify-content:flex-start;align-items:center;gap:var(--space-6);white-space:nowrap;flex:none;inline-size:max-content;display:inline-flex}.klyp-Button[data-size=xs] .klyp-Button__fluidContent{gap:var(--space-4)}.klyp-Button[data-size=lg] .klyp-Button__fluidContent,.klyp-Button[data-size=xl] .klyp-Button__fluidContent{gap:var(--space-8)}.klyp-Button__fluidContent>svg{pointer-events:none;width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.klyp-Button[data-size=xs] .klyp-Button__fluidContent>svg,.klyp-Button[data-size=sm] .klyp-Button__fluidContent>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=lg] .klyp-Button__fluidContent>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-Button[data-size=xl] .klyp-Button__fluidContent>svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.klyp-Button__content{justify-content:center;align-items:center;gap:var(--space-8);display:inline-flex;position:relative}.klyp-Button__iconSlot,.klyp-Button__iconSpacer{flex-shrink:0}.klyp-Button__label{align-items:center;display:inline-flex}.klyp-Button__measure{visibility:hidden;white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.klyp-SidebarLottie{width:var(--rail-lottie-size,22px);height:var(--rail-lottie-size,22px);flex-shrink:0;display:inline-flex;overflow:visible}.klyp-SidebarLottie>div,.klyp-SidebarLottie svg{width:100%;height:100%;overflow:visible}.klyp-SidebarLottie svg>g[clip-path]{clip-path:none}.klyp-SidebarLottie svg path,.klyp-SidebarLottie svg circle,.klyp-SidebarLottie svg rect,.klyp-SidebarLottie svg line,.klyp-SidebarLottie svg polyline,.klyp-SidebarLottie svg polygon,.klyp-SidebarLottie svg ellipse{stroke:currentColor}.klyp-DropdownMenu{background:var(--color-bg-surface);border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--r-card);min-width:9rem;max-width:24rem;padding:var(--space-4);color:var(--color-fg-primary);font:var(--type-body);box-shadow:var(--shadow-panel);z-index:var(--z-overlay);will-change:transform, opacity;outline:none}.klyp-DropdownMenu[data-placement=top]{transform-origin:bottom}.klyp-DropdownMenu[data-placement=bottom]{transform-origin:top}.klyp-DropdownMenu[data-placement=left]{transform-origin:100%}.klyp-DropdownMenu[data-placement=right]{transform-origin:0}.klyp-DropdownMenu__menu{outline:none;flex-direction:column;gap:0;display:flex}.klyp-DropdownMenu__menu[data-focus-visible]{outline:none}.klyp-DropdownMenu__group{flex-direction:column;gap:0;display:flex}.klyp-DropdownMenu__label{padding:var(--space-4) var(--space-12) var(--space-2);font:var(--type-label);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);display:block}.klyp-DropdownMenu__label[data-inset=true]{padding-left:calc(var(--space-12) + var(--space-10))}.klyp-DropdownMenu__item{min-height:var(--space-36);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--r-inner-section);font:var(--type-body);color:var(--color-fg-primary);cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);outline:none;display:flex;position:relative}.klyp-DropdownMenu__item>svg{pointer-events:none;width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}.klyp-DropdownMenu__item[data-inset=true]{padding-left:calc(var(--space-12) + var(--space-10))}.klyp-DropdownMenu__item[data-hovered]:not([data-disabled]),.klyp-DropdownMenu__item[data-focused]:not([data-disabled]){background:var(--color-bg-surface-solid);color:var(--color-fg-primary)}.klyp-DropdownMenu__item[data-focus-visible]{outline:none}.klyp-DropdownMenu__item[data-disabled]{opacity:var(--opacity-50);pointer-events:none}.klyp-DropdownMenu__item[data-variant=destructive],.klyp-DropdownMenu__item[data-variant=destructive]>svg{color:var(--color-status-danger)}.klyp-DropdownMenu__item[data-variant=destructive][data-hovered]:not([data-disabled]),.klyp-DropdownMenu__item[data-variant=destructive][data-focused]:not([data-disabled]){background:color-mix(in oklch, var(--color-status-danger) 12%, transparent);color:var(--color-status-danger)}.klyp-DropdownMenu__item--sub-trigger[data-open],.klyp-DropdownMenu__item--sub-trigger[data-pressed]{background:var(--color-bg-surface-solid)}.klyp-DropdownMenu__item--radio{padding-left:calc(var(--space-12) + var(--icon-size-xs) + var(--space-8))}.klyp-DropdownMenu__item--checkbox{padding-left:var(--space-12)}.klyp-DropdownMenu__item-indicator{left:var(--space-12);width:var(--icon-size-xs);height:var(--icon-size-xs);pointer-events:none;box-sizing:border-box;border:var(--bw-default) solid var(--color-border-default);color:var(--color-fg-primary);transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.klyp-DropdownMenu__item-indicator>svg{opacity:0;width:100%;height:100%;transition:opacity var(--duration-fast) var(--easing-standard)}.klyp-DropdownMenu__item--radio .klyp-DropdownMenu__item-indicator{border-radius:var(--radius-full)}.klyp-DropdownMenu__item--checkbox .klyp-DropdownMenu__item-indicator{margin:0 var(--space-4) 0 0;width:var(--space-18);height:var(--space-18);border-radius:var(--radius-4);position:static;inset:auto;transform:none}.klyp-DropdownMenu__item--checkbox .klyp-DropdownMenu__item-indicator>svg{width:var(--space-14);height:var(--space-14)}.klyp-DropdownMenu__item[data-hovered]:not([data-disabled]) .klyp-DropdownMenu__item-indicator,.klyp-DropdownMenu__item[data-focused]:not([data-disabled]) .klyp-DropdownMenu__item-indicator{border-color:var(--color-fg-muted)}.klyp-DropdownMenu__item--radio[data-selected] .klyp-DropdownMenu__item-indicator,.klyp-DropdownMenu__item--radio[data-checked=true] .klyp-DropdownMenu__item-indicator{border-color:var(--color-fg-primary);background:var(--color-fg-primary);box-shadow:inset 0 0 0 var(--space-2) var(--color-bg-surface)}.klyp-DropdownMenu__item--radio[data-selected] .klyp-DropdownMenu__item-indicator>svg,.klyp-DropdownMenu__item--radio[data-checked=true] .klyp-DropdownMenu__item-indicator>svg{opacity:0}.klyp-DropdownMenu__item--checkbox[data-selected] .klyp-DropdownMenu__item-indicator,.klyp-DropdownMenu__item--checkbox[data-checked=true] .klyp-DropdownMenu__item-indicator{border-color:var(--color-fg-primary);background:var(--color-fg-primary);color:var(--color-bg-surface)}.klyp-DropdownMenu__item--checkbox[data-selected] .klyp-DropdownMenu__item-indicator>svg,.klyp-DropdownMenu__item--checkbox[data-checked=true] .klyp-DropdownMenu__item-indicator>svg{opacity:1}.klyp-DropdownMenu__sub-chevron{width:var(--icon-size-xs);height:var(--icon-size-xs);color:var(--color-fg-muted);pointer-events:none;flex-shrink:0;margin-left:auto;transform:rotate(-90deg)}.klyp-DropdownMenu__separator{height:1px;margin:var(--space-2) 0;background:var(--color-border-subtle);border:0}.klyp-DropdownMenu__shortcut{font:var(--type-label);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);letter-spacing:var(--letter-spacing-wide);margin-left:auto}.klyp-DropdownMenu__trigger{cursor:pointer;border:var(--bw-default) solid transparent;color:inherit;font-family:inherit;font-size:inherit;background:0 0}.klyp-DropdownMenu__trigger[data-focus-visible]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-DropdownMenu__trigger[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}.klyp-DropdownMenu[data-entering]{animation:klyp-dropdown-fade-in var(--duration-fast) var(--easing-standard), klyp-dropdown-zoom-in var(--duration-fast) var(--easing-standard)}.klyp-DropdownMenu[data-exiting]{animation:klyp-dropdown-fade-out var(--duration-fast) var(--easing-standard), klyp-dropdown-zoom-out var(--duration-fast) var(--easing-standard)}.klyp-DropdownMenu[data-placement=bottom][data-entering]{animation-name:klyp-dropdown-fade-in,klyp-dropdown-zoom-in,klyp-dropdown-slide-from-top}.klyp-DropdownMenu[data-placement=top][data-entering]{animation-name:klyp-dropdown-fade-in,klyp-dropdown-zoom-in,klyp-dropdown-slide-from-bottom}.klyp-DropdownMenu[data-placement=left][data-entering]{animation-name:klyp-dropdown-fade-in,klyp-dropdown-zoom-in,klyp-dropdown-slide-from-right}.klyp-DropdownMenu[data-placement=right][data-entering]{animation-name:klyp-dropdown-fade-in,klyp-dropdown-zoom-in,klyp-dropdown-slide-from-left}.klyp-DropdownMenu--sub{min-width:6rem}@keyframes klyp-dropdown-fade-in{0%{opacity:0}to{opacity:1}}@keyframes klyp-dropdown-fade-out{0%{opacity:1}to{opacity:0}}@keyframes klyp-dropdown-zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes klyp-dropdown-zoom-out{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes klyp-dropdown-slide-from-top{0%{translate:0 calc(var(--space-8) * -1)}to{translate:0}}@keyframes klyp-dropdown-slide-from-bottom{0%{translate:0 var(--space-8)}to{translate:0}}@keyframes klyp-dropdown-slide-from-left{0%{translate:calc(var(--space-8) * -1) 0}to{translate:0}}@keyframes klyp-dropdown-slide-from-right{0%{translate:var(--space-8) 0}to{translate:0}}
