.kmn-button{cursor:pointer;font-weight:var(--font-semibold);border-radius:32px;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.kmn-button--xs{font-size:var(--font-body-xs);padding-block:6px;padding-inline:10px}.kmn-button--s{font-size:var(--font-body-s);padding-block:8px;padding-inline:16px}.kmn-button--m{font-size:var(--font-body-m);padding-block:8px;padding-inline:16px}.kmn-button--l{font-size:var(--font-body-m);padding-block:10px;padding-inline:16px}.kmn-button--xl{font-size:var(--font-body-l);padding-block:12px;padding-inline:20px}.kmn-button--primary{background:var(--primary-color);color:var(--color-white);stroke:var(--color-white);border:1px solid #0000}.kmn-button--primary:not(:disabled):hover{background:var(--primary-color-hover)}.kmn-button--primary:not(:disabled):active{background:var(--primary-color-active)}.kmn-button--primary:not(:disabled):focus-visible{background:var(--primary-color-press);outline:2px solid var(--primary-opacity-50)}.kmn-button--primary:disabled{background:var(--primary-color-disabled);color:var(--color-neutral-300);stroke:var(--color-neutral-300);border:1px solid #0000}.kmn-button--secondary{background:var(--primary-opacity-50);color:var(--primary-color);stroke:var(--primary-color);border:1px solid #0000}.kmn-button--secondary:not(:disabled):hover{background:var(--primary-opacity-100)}.kmn-button--secondary:not(:disabled):active{background:var(--primary-opacity-200)}.kmn-button--secondary:not(:disabled):focus-visible{background:var(--color-electric-blue-300);outline:2px solid var(--primary-opacity-50)}.kmn-button--secondary:disabled{background:var(--primary-color-disabled);color:var(--color-neutral-300);stroke:var(--color-neutral-300);border:1px solid #0000}.kmn-button--white{background-color:var(--white-color);color:var(--primary-color);border:1px solid var(--color-dark-opacity-10);stroke:var(--primary-color)}.kmn-button--white:not(:disabled):hover{background:var(--color-neutral-10);border:1px solid var(--color-dark-opacity-20)}.kmn-button--white:not(:disabled):active{background:var(--color-neutral-20);border:1px solid var(--color-dark-opacity-20)}.kmn-button--white:not(:disabled):focus-visible{background:var(--color-neutral-10);border:1px solid var(--primary-color);outline:2px solid var(--primary-opacity-50)}.kmn-button--white:disabled{background:var(--color-neutral-50);color:var(--color-neutral-300);stroke:var(--color-neutral-300);border:1px solid #0000}.kmn-button--blur{background-color:var(--color-light-opacity-30);color:var(--color-white);stroke:var(--color-white);border:1px solid #0000}.kmn-button--blur:not(:disabled):hover,.kmn-button--blur:not(:disabled):active{background:var(--color-light-opacity-80)}.kmn-button--blur:not(:disabled):focus-visible{background:var(--color-light-opacity-80);outline:2px solid var(--primary-opacity-50)}.kmn-button--blur:disabled{background:var(--color-light-opacity-5);color:var(--color-neutral-300);stroke:var(--color-neutral-300)}.kmn-button--outline{color:var(--color-dark-opacity-60);border:1px solid var(--color-dark-opacity-10);stroke:var(--color-dark-opacity-60);background:0 0}.kmn-button--outline:not(:disabled):hover,.kmn-button--outline:not(:disabled):active{color:var(--color-dark-opacity-90);border:1px solid var(--color-dark-opacity-20);stroke:var(--color-dark-opacity-90)}.kmn-button--outline:not(:disabled):focus-visible{color:var(--color-dark-opacity-90);border:1px solid var(--color-dark-opacity-20);stroke:var(--color-dark-opacity-90);outline:2px solid var(--primary-opacity-50)}.kmn-button--outline:disabled{background-color:var(--color-white);color:var(--color-electric-blue-200);border:1px solid var(--color-electric-blue-300);fill:var(--color-electric-blue-200)}.kmn-button--danger{background:var(--color-danger-700);color:var(--color-white);stroke:var(--color-white);border:1px solid #0000}.kmn-button--danger:not(:disabled):hover,.kmn-button--danger:not(:disabled):active{background:var(--color-danger-600)}.kmn-button--danger:not(:disabled):focus-visible{background:var(--color-danger-600);outline:2px solid var(--primary-opacity-50)}.kmn-button--danger:disabled{background-color:var(--color-neutral-50);color:var(--color-neutral-300);fill:var(--color-neutral-300)}.kmn-button--full{width:100%}.kmn-button--icon-spacer{width:10px}.kmn-button--loading{aspect-ratio:1;border:4px solid var(--color-white);border-radius:50%;width:30px;animation:.8s linear infinite alternate l20-1,1.6s linear infinite l20-2}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1)rotate(0)}49.99%{transform:scaleY(1)rotate(135deg)}50%{transform:scaleY(-1)rotate(0)}to{transform:scaleY(-1)rotate(-135deg)}}