@layer ui{.k-button{color:oklch(82.7% .003 270);border:none;flex-flow:row;justify-content:center;align-items:center;gap:.5rem;width:fit-content;text-decoration:none;transition:filter .2s,transform .2s;display:flex;position:relative;overflow:clip}.k-button--size-xs{height:1.5rem;padding:0 .375rem}.k-button--size-s,.k-button--size-xs{border-radius:999px;font-size:.875rem}.k-button--size-s{height:2rem;padding:0 .5rem}.k-button--size-m{border-radius:999px;height:2.5rem;padding:0 1rem;font-size:1rem}.k-button--size-l{border-radius:999px;height:3rem;padding:0 1.5rem;font-size:1.125rem}.k-button--full-width{width:100%}.k-button--status-idle{cursor:pointer}@media (hover:hover) and (pointer:fine){.k-button--status-idle:hover{filter:brightness(1.2)}}.k-button--status-idle:active{transform:scale(.975)}.k-button--status-disabled{cursor:not-allowed;filter:brightness(.5)}.k-button--status-loading{cursor:not-allowed;filter:brightness(.75)}.k-button--status-loading:before{content:"";background:linear-gradient(90deg,#fff0,#fff6);animation:1.5s ease-in infinite slide-right;position:absolute;inset:0}@keyframes slide-right{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(100%)}}.k-button--status-error{animation:.5s ease-in-out wiggle}@keyframes wiggle{0%,to{transform:translate(0)}20%{transform:translate(-.2rem)rotate(-2deg)}40%{transform:translate(.2rem)rotate(2deg)}60%{transform:translate(-.15rem)rotate(-1.5deg)}80%{transform:translate(.15rem)rotate(1.5deg)}}.k-button--variant-solid:after{border-radius:inherit;content:"";opacity:.125;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");position:absolute;inset:0}.k-button--variant-flat{border-radius:999px}.k-button--variant-transparent{background:0 0;border-radius:999px}.k-button--color-neutral.k-button--variant-solid{background-color:oklch(20% .006 270);background-image:radial-gradient(circle at top,#ffffff1a,#0000);background-position:top;background-size:110% 100%;box-shadow:inset 0 1px 2px -1px #ffffffbf,0 3px 4px -2px #101010a6}.k-button--color-neutral.k-button--variant-flat{background-color:oklch(20% .006 270)}.k-button--color-primary.k-button--variant-solid{background-image:linear-gradient(#a84212,#e9823b);border:1px solid #ffb880b8;font-weight:600;box-shadow:0 .25rem .25rem #58200752,0 .25rem .375rem #e9823b4d}.k-button--color-primary.k-button--variant-flat,.k-button--color-primary.k-button--variant-solid{color:oklch(90% .002 270);background-color:#ca5c1f}.k-button--color-primary.k-button--variant-transparent{color:#e9823b}.k-button--color-red.k-button--variant-solid{background-color:oklch(44.1% .159 25);background-image:radial-gradient(circle at top,#ffffff1a,#0000);background-position:top;background-size:110% 100%;box-shadow:inset 0 1px 2px -1px #ffffffbf,0 3px 4px -2px #800000a6}.k-button--color-red.k-button--variant-flat{background-color:oklch(44.1% .159 25)}.k-button--color-green.k-button--variant-solid{background-color:oklch(44.1% .123 145);background-image:radial-gradient(circle at top,#ffffff1a,#0000);background-position:top;background-size:110% 100%;box-shadow:inset 0 1px 2px -1px #ffffffbf,0 3px 4px -2px #008000a6}.k-button--color-green.k-button--variant-flat{background-color:oklch(44.1% .123 145)}}
