.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.115) calc(c + 0.019) calc(h + 2)));--_k-button-text-active:var(--k-button-text-active, oklch(from var(--_k-button-text) calc(l + 0.125) calc(c + 0.019) calc(h + 2)));--_k-button-ring-hover:var(--k-button-ring-hover, oklch(from var(--_k-button-border) calc(l + 0.115) calc(c + 0.019) calc(h + 2)));--_k-button-ring-active:var(--k-button-ring-active, oklch(from var(--_k-button-border) calc(l + 0.125) calc(c + 0.019) calc(h + 2)));--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) * var(--k-font-size-md) + 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-loading,.k-button[loading]{pointer-events:none;cursor:default;color:transparent}:is(.k-button-loading,.k-button[loading])>:is(.k-spinner,k-spinner){color:var(--_k-button-text);position:absolute}.k-button:not(.k-button-loading,[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(.k-button-loading,[loading]):active{opacity:.9;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(:is(.k-button-loading,[loading])){--_k-button-bg:var(--k-color-bg-disabled);--_k-button-text:var(--k-color-text-on-disabled);--_k-button-border:var(--k-color-bg-disabled)}.k-button:is(:disabled,[aria-disabled=true]){pointer-events:none;cursor:default}.k-button-primary,.k-button[variant=primary]{--_k-button-bg:var(--k-button-bg, var(--k-color-theme));--_k-button-text:var(--k-button-text, var(--k-color-text-on-primary));--_k-button-border:var(--k-button-border, var(--k-color-theme));--_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.115) calc(c + 0.019) calc(h + 2)));--_k-button-bg-active:var(--k-button-bg-active, oklch(from var(--_k-button-bg) calc(l + 0.125) calc(c + 0.019) calc(h + 2)))}.k-button-secondary,.k-button[variant=secondary]{--_k-button-bg:var(--k-button-bg, var(--k-color-theme-secondary));--_k-button-text:var(--k-button-text, var(--k-color-text-on-secondary));--_k-button-border:var(--k-button-border, var(--k-color-theme-secondary));--_k-button-bg-hover:var(--k-button-bg-hover, oklch(from var(--_k-button-bg) calc(l + 0.115) calc(c + 0.019) calc(h + 2)));--_k-button-bg-active:var(--k-button-bg-active, oklch(from var(--_k-button-bg) calc(l + 0.125) calc(c + 0.019) calc(h + 2)));--_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))}:is(.k-button-primary,.k-button-secondary):not(.k-button-loading):hover,:is(.k-button[variant=primary],.k-button[variant=secondary]):not([loading]):hover{border-color:var(--_k-button-bg-hover)}:is(.k-button-primary,.k-button-secondary):not(.k-button-loading):active,:is(.k-button[variant=primary],.k-button[variant=secondary]):not([loading]):active{border-color:var(--_k-button-bg-active)}.k-button-plain,.k-button[variant=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-bg-disabled));--_k-button-ring-active:var(--k-button-ring-active, var(--k-color-bg-disabled))}.k-button-transparent,.k-button[transparent]{--_k-button-bg:transparent;--_k-button-bg-hover:transparent;--_k-button-bg-active:transparent}.k-button-text,.k-button[variant=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(.k-button-loading):is(:hover,:active),.k-button[variant=text]:not([loading]):is(:hover,:active){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(.k-button-loading),.k-button[variant=text]:is(:disabled,[aria-disabled=true]):not([loading]){--_k-button-bg:transparent;--_k-button-text:var(--k-color-text-on-disabled);--_k-button-border:transparent}.k-button-inverted,.k-button[variant=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 svg{inline-size:var(--k-size-icon-sm);block-size:var(--k-size-icon-sm)}.k-button-sm,.k-button[size=sm]{--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) * var(--k-font-size-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[size=lg]{--_k-button-height:var(--k-button-height, calc(var(--k-font-leading-sm) * var(--k-font-size-lg) + 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)}:is(.k-button-lg,.k-button[size=lg]) svg{inline-size:var(--k-size-icon-md);block-size:var(--k-size-icon-md)}.k-button-text:is(.k-button-sm,.k-button-lg),.k-button[variant=text]:is(.k-button[size=sm],.k-button[size=lg]){padding:0}.k-button-expand,.k-button[expand]{inline-size:100%}.k-button-icon-only,.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,.k-button:not([icon-only],[variant=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,.k-button:not([icon-only],[variant=text])>svg:last-child{margin-inline-end:calc(-1 * var(--k-space-3xs))}k-divider{--_k-divider-color:var(--k-divider-color, var(--k-color-border-divider));--_k-divider-size:var(--k-divider-size, 1px);display:block;min-inline-size:100%;border-block-start:var(--_k-divider-size) solid var(--_k-divider-color)}k-divider[orientation=vertical]{display:inline-block;block-size:100%;min-block-size:1lh;min-inline-size:0;border-inline-start:var(--_k-divider-size) solid var(--_k-divider-color)}k-icon{--_k-icon-size:var(--k-icon-size, var(--k-size-icon-md));--_k-icon-color:var(--k-icon-color, currentColor);display:inline-block;inline-size:var(--_k-icon-size);block-size:var(--_k-icon-size);min-inline-size:var(--_k-icon-size);min-block-size:var(--_k-icon-size);color:var(--_k-icon-color)}k-icon[size=xs]{--_k-icon-size:var(--k-size-icon-xs)}k-icon[size=sm]{--_k-icon-size:var(--k-size-icon-sm)}k-icon[size=lg]{--_k-icon-size:var(--k-size-icon-lg)}k-icon[size=xl]{--_k-icon-size:var(--k-size-icon-xl)}.k-pagination{--_k-pagination-column-gap:var(--k-pagination-column-gap, var(--k-space-4xs));--_k-pagination-row-gap:var(--k-pagination-row-gap, var(--k-space-2xs));--_k-pagination-ellipsis-color:var(--k-pagination-color-ellipsis, var(--k-color-text-link));container-name:k-pagination;container-type:inline-size;display:flex;justify-content:center}.k-pagination-content{column-gap:var(--_k-pagination-column-gap);row-gap:var(--_k-pagination-row-gap);display:grid;grid-template-columns:1fr 1fr}.k-pagination-prev{grid-column:1;grid-row:2;display:flex;align-items:flex-start}.k-pagination-next{grid-column:2;grid-row:2;display:flex;justify-content:flex-end}.k-pagination-pages{grid-column:1/-1;grid-row:1;display:flex;justify-content:center;gap:var(--_k-pagination-column-gap)}.k-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--_k-pagination-ellipsis-color)}@container k-pagination (width > 45rem){.k-pagination-content{display:flex;align-items:center}}k-spinner{--_k-spinner-color:var(--k-spinner-color, currentColor);--_k-spinner-size:var(--k-spinner-size, var(--k-size-spinner-md));--_k-spinner-gap:calc(var(--_k-spinner-size) / 2);position:relative;display:inline-block;inline-size:calc(3 * var(--_k-spinner-size) + 2 * var(--_k-spinner-gap));block-size:var(--_k-spinner-size);padding-block-end:calc(var(--_k-spinner-size) * 0.8);color:var(--_k-spinner-color);background:radial-gradient(closest-side,currentColor 95%,transparent 100%) no-repeat center 0/var(--_k-spinner-size) var(--_k-spinner-size);animation:k-spinner-bg-bounce var(--k-motion-duration-2xl) var(--k-motion-easing-decelerate) .2s infinite;contain:layout style}k-spinner::after,k-spinner::before{content:"";position:absolute;inset-block-start:0;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::before{inset-inline-start:0}k-spinner::after{inset-inline-end:0;animation-delay:.4s}k-spinner[size=sm]{--_k-spinner-size:var(--k-size-spinner-sm)}k-spinner[size=lg]{--_k-spinner-size:var(--k-size-spinner-lg)}k-spinner[size=xl]{--_k-spinner-size:var(--k-size-spinner-xl)}k-spinner[size="2xl"]{--_k-spinner-size:var(--k-size-spinner-2xl)}@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)}}@keyframes k-spinner-bg-bounce{0%,100%{background-position-y:0;background-size:var(--_k-spinner-size) var(--_k-spinner-size);animation-timing-function:var(--k-motion-easing-accelerate)}50%{background-position-y:calc(var(--_k-spinner-size) * 0.4);background-size:calc(var(--_k-spinner-size) * 1.2) var(--_k-spinner-size);animation-timing-function:var(--k-motion-easing-decelerate)}60%{background-position-y:calc(var(--_k-spinner-size) * 0.5);background-size:calc(var(--_k-spinner-size) * 1.2) calc(var(--_k-spinner-size) * 1.3);animation-timing-function:var(--k-motion-easing-decelerate)}95%{background-position-y:0;background-size:var(--_k-spinner-size) var(--_k-spinner-size)}}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[direction=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,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}