@keyframes klyp-iab-spin{to{transform:rotate(360deg)}}.klyp-tool-button{isolation:isolate;cursor:pointer;border-radius:var(--klyp-app-ui-kit-r-control-md);color:#fff;opacity:var(--klyp-app-ui-kit-opacity-60);transition:opacity var(--klyp-app-ui-kit-duration-fast) ease, background-color var(--klyp-app-ui-kit-duration-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-tool-button[data-hovered]:not([data-disabled]),.klyp-tool-button[data-force-hover]:not([data-disabled]),.klyp-tool-button[data-focus-visible]:not([data-disabled]){opacity:1}.klyp-tool-button__content{justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-tool-button[data-size=nested]{width:calc(var(--klyp-app-ui-kit-control-size-md) - var(--klyp-app-ui-kit-space-8));height:calc(var(--klyp-app-ui-kit-control-size-md) - var(--klyp-app-ui-kit-space-8));border-radius:var(--klyp-app-ui-kit-radius-sm)}.klyp-tool-button[data-size=xs]{width:var(--klyp-app-ui-kit-control-size-xs);height:var(--klyp-app-ui-kit-control-size-xs);border-radius:var(--klyp-app-ui-kit-r-control-xs)}.klyp-tool-button[data-size=sm]{width:var(--klyp-app-ui-kit-control-size-sm);height:var(--klyp-app-ui-kit-control-size-sm);border-radius:var(--klyp-app-ui-kit-r-control-sm)}.klyp-tool-button[data-size=md]{width:var(--klyp-app-ui-kit-control-size-md);height:var(--klyp-app-ui-kit-control-size-md)}.klyp-tool-button[data-size=lg]{width:var(--klyp-app-ui-kit-control-size-lg);height:var(--klyp-app-ui-kit-control-size-lg);border-radius:var(--klyp-app-ui-kit-r-control-lg)}.klyp-tool-button[data-size=xl]{width:var(--klyp-app-ui-kit-control-size-xl);height:var(--klyp-app-ui-kit-control-size-xl);border-radius:var(--klyp-app-ui-kit-r-control-xl)}.klyp-tool-button[data-variant=ghost][data-hovered],.klyp-tool-button[data-variant=ghost][data-force-hover]{background-color:var(--klyp-app-ui-kit-color-bg-surface)}.klyp-tool-button[data-variant=ghost][data-pressed]{background-color:var(--klyp-app-ui-kit-color-bg-surface-hover,var(--klyp-app-ui-kit-color-bg-surface))}.klyp-tool-button[data-variant=bare][data-hovered],.klyp-tool-button[data-variant=bare][data-force-hover],.klyp-tool-button[data-variant=bare][data-pressed]{background-color:#0000}.klyp-tool-button[data-variant=subtle]{background-color:var(--klyp-app-ui-kit-color-bg-surface)}.klyp-tool-button[data-variant=subtle][data-hovered],.klyp-tool-button[data-variant=subtle][data-force-hover]{background-color:var(--klyp-app-ui-kit-color-bg-surface-solid)}.klyp-tool-button[data-variant=solid]{background-color:var(--klyp-app-ui-kit-color-bg-surface-solid);border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);opacity:1}.klyp-tool-button[data-variant=solid][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=solid][data-force-hover]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-color-bg-surface-hover,var(--klyp-app-ui-kit-color-bg-surface-solid));border-color:var(--klyp-app-ui-kit-color-border-default)}.klyp-tool-button[data-variant=solid][data-pressed]{background-color:var(--klyp-app-ui-kit-color-bg-surface)}.klyp-tool-button[data-variant=outline]{border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);opacity:1}.klyp-tool-button[data-variant=outline][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=outline][data-force-hover]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-color-bg-surface);border-color:var(--klyp-app-ui-kit-color-border-default)}.klyp-tool-button[data-variant=outline][data-pressed]{background-color:var(--klyp-app-ui-kit-color-bg-surface-solid)}.klyp-tool-button[data-variant=glass]{background-color:var(--klyp-app-ui-kit-fx-glass-fill);-webkit-backdrop-filter:blur(var(--klyp-app-ui-kit-blur-8));backdrop-filter:blur(var(--klyp-app-ui-kit-blur-8));backface-visibility:hidden;color:var(--klyp-app-ui-kit-color-fg-primary);opacity:1}.klyp-tool-button[data-variant=glass][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=glass][data-force-hover]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-fx-glass-fill-hover)}.klyp-tool-button[data-variant=glass][data-pressed]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-fx-glass-fill-press)}.klyp-tool-button[data-variant=frosted]{border-radius:var(--klyp-app-ui-kit-radius-full);background-color:var(--klyp-app-ui-kit-alpha-white-10);border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-subtle);-webkit-backdrop-filter:var(--klyp-app-ui-kit-fx-glass-blur-md);backdrop-filter:var(--klyp-app-ui-kit-fx-glass-blur-md);opacity:1}.klyp-tool-button[data-variant=frosted][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=frosted][data-force-hover]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-alpha-white-20);border-color:var(--klyp-app-ui-kit-color-border-default)}.klyp-tool-button[data-variant=frosted][data-pressed]{background-color:var(--klyp-app-ui-kit-alpha-white-15)}.klyp-tool-button[data-variant=danger]{color:var(--klyp-app-ui-kit-color-status-danger);opacity:1}.klyp-tool-button[data-variant=danger][data-hovered],.klyp-tool-button[data-variant=danger][data-force-hover]{background-color:color-mix(in srgb, var(--klyp-app-ui-kit-color-status-danger) 14%, transparent)}.klyp-tool-button[data-variant=danger][data-pressed]{background-color:color-mix(in srgb, var(--klyp-app-ui-kit-color-status-danger) 22%, transparent)}.klyp-tool-button[data-focus-visible]{outline:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-ring);outline-offset:2px}.klyp-tool-button[data-disabled]{opacity:var(--klyp-app-ui-kit-opacity-disabled);cursor:not-allowed}.klyp-tool-button[data-pending]{cursor:progress;opacity:1}.klyp-tool-button[data-active]{opacity:1;background-color:var(--klyp-app-ui-kit-color-bg-surface)}.klyp-tool-button[data-variant=control]{opacity:1;background-color:var(--klyp-app-ui-kit-color-control-bg)}.klyp-tool-button[data-variant=control] .klyp-tool-button__content{opacity:var(--klyp-app-ui-kit-opacity-60);transition:opacity var(--klyp-app-ui-kit-duration-fast) ease}.klyp-tool-button[data-variant=control][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=control][data-force-hover]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-color-control-bg-hover)}.klyp-tool-button[data-variant=control][data-hovered]:not([data-disabled]) .klyp-tool-button__content,.klyp-tool-button[data-variant=control][data-force-hover]:not([data-disabled]) .klyp-tool-button__content{opacity:1}.klyp-tool-button[data-variant=control][data-pressed]:not([data-disabled]){background-color:var(--klyp-app-ui-kit-color-control-bg-selected)}.klyp-tool-button[data-variant=control][data-focus-visible] .klyp-tool-button__content{opacity:1}.klyp-tool-button[data-variant=control][data-active]{background-color:var(--klyp-app-ui-kit-color-control-bg-selected);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-default) var(--klyp-app-ui-kit-color-border-default)}.klyp-tool-button[data-variant=control][data-active] .klyp-tool-button__content{opacity:1}.klyp-tool-button[data-variant=quiet]{color:var(--klyp-app-ui-kit-color-fg-on-active-nav);transition:opacity var(--klyp-app-ui-kit-duration-instant) var(--klyp-app-ui-kit-easing-standard), background-color var(--klyp-app-ui-kit-duration-instant) var(--klyp-app-ui-kit-easing-standard), box-shadow var(--klyp-app-ui-kit-duration-instant) var(--klyp-app-ui-kit-easing-standard), transform var(--klyp-app-ui-kit-duration-instant) var(--klyp-app-ui-kit-easing-standard)}.klyp-tool-button[data-variant=quiet][data-hovered]:not([data-disabled]),.klyp-tool-button[data-variant=quiet][data-force-hover]:not([data-disabled]),.klyp-tool-button[data-variant=quiet][data-focus-visible]:not([data-disabled]){opacity:1;background-color:var(--klyp-app-ui-kit-color-control-bg);transition-duration:0s, 0s, var(--klyp-app-ui-kit-duration-instant), var(--klyp-app-ui-kit-duration-instant)}.klyp-tool-button[data-variant=quiet][data-pressed]:not([data-disabled]){opacity:1;background-color:var(--klyp-app-ui-kit-color-control-bg-hover);transition-duration:var(--klyp-app-ui-kit-duration-instant);transform:scale(.96)}.klyp-tool-button[data-variant=quiet][data-active]:not([data-disabled]),.klyp-tool-button[data-variant=quiet][data-active][data-disabled]{background-color:var(--klyp-app-ui-kit-color-control-bg-selected);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-hairline) var(--klyp-app-ui-kit-color-border-default);transition-duration:var(--klyp-app-ui-kit-duration-instant)}.klyp-tool-button[data-variant=quiet][data-disabled]{opacity:var(--klyp-app-ui-kit-opacity-disabled)}@media (prefers-reduced-motion:reduce){.klyp-tool-button[data-variant=quiet][data-pressed]:not([data-disabled]){transform:none}}.klyp-tool-button__spinner{animation:1s linear infinite klyp-iab-spin}@media (prefers-reduced-motion:reduce){.klyp-tool-button__spinner{animation-duration:2s}}