.k-button{--_k-button-bg:var(--k-button-bg, var(--k-color-bg));--_k-button-text:var(--k-button-text, var(--k-color-text-link));--_k-button-border:var(--k-button-border, var(--k-color-text-link));--_k-button-radius:var(--k-button-radius, var(--k-radius-button));--_k-button-focus:var(--k-button-focus, var(--k-color-border-focus));--_k-button-bg-hover:var(--k-button-bg-hover, var(--_k-button-bg));--_k-button-bg-active:var(--k-button-bg-active, var(--_k-button-bg));--_k-button-text-hover:var(--k-button-text-hover, oklch(from var(--_k-button-text) calc(l + 0.13) calc(c + 0.03) h));--_k-button-text-active:var(--k-button-text-active, oklch(from var(--_k-button-text) calc(l + 0.24) c h));--_k-button-ring-hover:var(--k-button-ring-hover, oklch(from var(--_k-button-border) calc(l + 0.13) calc(c + 0.03) h));--_k-button-ring-active:var(--k-button-ring-active, oklch(from var(--_k-button-border) calc(l + 0.24) c h));--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) + var(--k-space-button) * 2 + var(--k-size-border-button) * 2));block-size:var(--_k-button-height);appearance:none;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--k-space-sm);padding:var(--k-space-button) calc(var(--k-space-button) * 2);position:relative;border:var(--k-size-border-button) solid var(--_k-button-border);border-radius:var(--_k-button-radius);background:var(--_k-button-bg);color:var(--_k-button-text);font:normal var(--k-font-weight-bold) var(--k-font-size-md)/var(--k-font-leading-sm) var(--k-font-family-sans);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 0 transparent;transition-property:background-color,border-color,color,box-shadow,opacity;transition-duration:var(--k-motion-duration-sm);transition-timing-function:var(--k-motion-easing-decelerate-emphasized)}.k-button:focus-visible{outline:2px solid var(--_k-button-focus);outline-offset:2px}.k-button[data-loading]{pointer-events:none;cursor:default;color:transparent}.k-button[data-loading]>.k-spinner{color:var(--_k-button-text);position:absolute}.k-button:not([data-loading]):hover{color:var(--_k-button-text-hover);background:var(--_k-button-bg-hover);border-color:transparent;box-shadow:0 0 0 2px var(--_k-button-ring-hover)}.k-button:not([data-loading]):is(:active,[data-pressed]){opacity:var(--k-opacity-active);color:var(--_k-button-text-active);background:var(--_k-button-bg-active);border-color:transparent;box-shadow:0 0 0 2px var(--_k-button-ring-active);transform:scale(.98);transition:none}.k-button:is(:disabled,[aria-disabled=true]):not([data-loading]){--_k-button-bg:var(--k-color-accent-disabled);--_k-button-text:var(--k-color-text-on-disabled);--_k-button-border:var(--k-color-accent-disabled)}.k-button:is(:disabled,[aria-disabled=true]){pointer-events:none;cursor:default}.k-button-primary{--_k-button-bg:var(--k-button-bg, var(--k-color-accent));--_k-button-text:var(--k-button-text, var(--k-color-text-on-accent));--_k-button-border:var(--k-button-border, var(--k-color-accent));--_k-button-text-hover:var(--k-button-text-hover, var(--_k-button-text));--_k-button-text-active:var(--k-button-text-active, var(--_k-button-text));--_k-button-ring-hover:var(--k-button-ring-hover, var(--_k-button-bg-hover));--_k-button-ring-active:var(--k-button-ring-active, var(--_k-button-bg-active));--_k-button-bg-hover:var(--k-button-bg-hover, oklch(from var(--_k-button-bg) calc(l + 0.13) calc(c + 0.03) h));--_k-button-bg-active:var(--k-button-bg-active, oklch(from var(--_k-button-bg) calc(l + 0.24) c h))}.k-button-secondary{--_k-button-bg:var(--k-button-bg, var(--k-color-accent-secondary));--_k-button-text:var(--k-button-text, var(--k-color-text-on-secondary));--_k-button-border:var(--k-button-border, var(--k-color-accent-secondary));--_k-button-bg-hover:var(--k-button-bg-hover, oklch(from var(--_k-button-bg) calc(l + 0.13) calc(c + 0.03) h));--_k-button-bg-active:var(--k-button-bg-active, oklch(from var(--_k-button-bg) calc(l + 0.24) c h));--_k-button-text-hover:var(--k-button-text-hover, var(--_k-button-text));--_k-button-text-active:var(--k-button-text-active, var(--_k-button-text));--_k-button-ring-hover:var(--k-button-ring-hover, var(--_k-button-bg-hover));--_k-button-ring-active:var(--k-button-ring-active, var(--_k-button-bg-active))}.k-button-primary:not([data-loading]):hover,.k-button-secondary:not([data-loading]):hover{border-color:var(--_k-button-bg-hover)}.k-button-primary:not([data-loading]):is(:active,[data-pressed]),.k-button-secondary:not([data-loading]):is(:active,[data-pressed]){border-color:var(--_k-button-bg-active)}.k-button-plain{--_k-button-bg:var(--k-button-bg, var(--k-color-bg));--_k-button-text:var(--k-button-text, var(--k-color-text-link));--_k-button-border:var(--k-button-border, transparent);--_k-button-ring-hover:var(--k-button-ring-hover, var(--k-color-accent-disabled));--_k-button-ring-active:var(--k-button-ring-active, var(--k-color-accent-disabled))}.k-button-transparent{--_k-button-bg:transparent;--_k-button-bg-hover:transparent;--_k-button-bg-active:transparent}.k-button-text{--_k-button-bg:transparent;--_k-button-text:var(--k-button-text, var(--k-color-text-link));--_k-button-border:transparent;padding:0;block-size:auto}.k-button-text:not([data-loading]):hover,.k-button-text:not([data-loading]):is(:active,[data-pressed]){background:0 0;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.k-button-text:is(:disabled,[aria-disabled=true]):not([data-loading]){--_k-button-bg:transparent;--_k-button-text:var(--k-color-text-on-disabled);--_k-button-border:transparent}.k-button-inverted{--_k-button-bg:transparent;--_k-button-text:var(--k-button-text, var(--k-color-text-inverted));--_k-button-border:var(--k-button-border, var(--k-color-text-inverted));--_k-button-text-hover:var(--k-button-text-hover, var(--k-color-text-inverted));--_k-button-text-active:var(--k-button-text-active, var(--k-color-text-inverted));--_k-button-ring-hover:var(--k-button-ring-hover, var(--k-color-text-inverted));--_k-button-ring-active:var(--k-button-ring-active, var(--k-color-text-inverted))}.k-button-sm{--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) + var(--k-space-button) * 1.2 + var(--k-size-border-button) * 2));font-size:var(--k-font-size-sm);padding:calc(var(--k-space-button) * .6) calc(var(--k-space-button) * 1.5)}.k-button-lg{--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) + var(--k-space-button) * 2.8 + var(--k-size-border-button) * 2));font-size:var(--k-font-size-lg);padding:calc(var(--k-space-button) * 1.4) calc(var(--k-space-button) * 2.4)}.k-button-text.k-button-lg,.k-button-text.k-button-sm{padding:0}.k-button-expand{inline-size:100%}.k-button-icon-only{padding:0;aspect-ratio:1;block-size:var(--_k-button-height)}.k-button:not(.k-button-icon-only,.k-button-text)>svg:first-child{margin-inline-start:calc(-1 * var(--k-space-3xs))}.k-button:not(.k-button-icon-only,.k-button-text)>svg:last-child{margin-inline-end:calc(-1 * var(--k-space-3xs))}.k-spinner{--_k-spinner-color:var(--k-spinner-color, currentColor);--_k-spinner-size:var(--k-spinner-size, var(--k-size-component-spinner));display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--_k-spinner-size)/ 2);padding-block-end:calc(var(--_k-spinner-size) * 0.35);color:var(--_k-spinner-color);contain:layout style}.k-spinner>span{inline-size:var(--_k-spinner-size);block-size:var(--_k-spinner-size);background-color:currentColor;border-radius:50%;animation:k-spinner-bounce var(--k-motion-duration-2xl) var(--k-motion-easing-decelerate) infinite}.k-spinner>span:nth-child(2){animation-delay:.2s}.k-spinner>span:nth-child(3){animation-delay:.4s}.k-spinner>span:nth-child(4){animation-delay:.6s}.k-spinner-sm{--_k-spinner-size:0.375em}.k-spinner-lg{--_k-spinner-size:0.625em}.k-spinner-xl{--_k-spinner-size:0.875em}.k-spinner-2xl{--_k-spinner-size:1.25em}@keyframes k-spinner-bounce{0%,100%{transform:translateY(0) scale(1);animation-timing-function:var(--k-motion-easing-accelerate)}50%{transform:translateY(40%) scaleX(1.2);animation-timing-function:var(--k-motion-easing-decelerate)}60%{transform:translateY(65%) scale(1.2,1.3);animation-timing-function:var(--k-motion-easing-decelerate)}95%{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.k-spinner>span{animation-duration:2.5s}}.k-stack{--_k-stack-gap:var(--k-stack-gap, var(--k-space-md));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--_k-stack-gap)}.k-stack-row{flex-direction:row}.k-stack-wrap{flex-wrap:wrap}.k-stack-align-center{align-items:center}.k-stack-align-end{align-items:flex-end}.k-stack-align-stretch{align-items:stretch}.k-stack-gap-3xs{--_k-stack-gap:var(--k-space-3xs)}.k-stack-gap-2xs{--_k-stack-gap:var(--k-space-2xs)}.k-stack-gap-xs{--_k-stack-gap:var(--k-space-xs)}.k-stack-gap-sm{--_k-stack-gap:var(--k-space-sm)}.k-stack-gap-lg{--_k-stack-gap:var(--k-space-lg)}.k-stack-gap-xl{--_k-stack-gap:var(--k-space-xl)}.k-stack-gap-2xl{--_k-stack-gap:var(--k-space-2xl)}.k-stack-gap-3xl{--_k-stack-gap:var(--k-space-3xl)}.k-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}