@layer ui-kit{.mk-button{background-color:unset;border:unset;cursor:pointer;outline-color:var(--color-primary-brand-1-default);flex-direction:row;justify-content:center;align-items:center;width:fit-content;min-width:min-content;transition:all .3s;display:flex;position:relative}.mk-button:disabled{opacity:.2;pointer-events:none}.mk-button.mk-button-full-width{width:100%}.mk-button-content{display:flex}.mk-button.mk-button-loading{color:#0000;background-color:var(--color-surface-septenary);pointer-events:none}.mk-button-loading-icon{margin:auto;position:absolute;inset:0}.mk-button.mk-button-variant-primary{color:var(--color-oncolors-default);background-color:var(--color-primary-accent-default)}.mk-button.mk-button-variant-primary:hover{background-color:var(--color-primary-accent-hover)}.mk-button.mk-button-variant-primary:disabled{background-color:var(--color-primary-brand-1-default)}.mk-button.mk-button-variant-primary:active{color:var(--color-oncolors-default);background-color:var(--color-primary-accent-pressed)}.mk-button.mk-button-variant-primary[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-primary.mk-button-on-color{color:var(--color-oncolors-default);background-color:var(--color-primary-accent-default)}.mk-button.mk-button-variant-primary.mk-button-on-color:hover{background-color:var(--color-primary-accent-hover)}.mk-button.mk-button-variant-primary.mk-button-on-color:disabled{background-color:var(--color-primary-accent-default)}.mk-button.mk-button-variant-primary.mk-button-on-color:active{color:var(--color-oncolors-default);background-color:var(--color-primary-accent-pressed)}.mk-button.mk-button-variant-primary.mk-button-on-color[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-secondary{color:var(--color-content-tertiary);background-color:var(--color-surface-septenary)}.mk-button.mk-button-variant-secondary:hover{color:var(--color-content-default);background-color:var(--color-surface-senary)}.mk-button.mk-button-variant-secondary:disabled{background-color:var(--color-primary-surface-quinary)}.mk-button.mk-button-variant-secondary:active{color:var(--color-content-default);background-color:var(--color-surface-quinary)}.mk-button.mk-button-variant-secondary[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-secondary.mk-button-on-color{color:var(--color-oncolors-tertiary);background-color:var(--color-oncolors-septenary)}.mk-button.mk-button-variant-secondary.mk-button-on-color:hover{color:var(--color-oncolors-default);background-color:var(--color-oncolors-senary)}.mk-button.mk-button-variant-secondary.mk-button-on-color:disabled{background-color:var(--color-oncolors-quinary)}.mk-button.mk-button-variant-secondary.mk-button-on-color:active{color:var(--color-oncolors-default);background-color:var(--color-oncolors-quinary)}.mk-button.mk-button-variant-secondary.mk-button-on-color[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-ghost{color:var(--color-content-tertiary);background-color:#0000}.mk-button.mk-button-variant-ghost:hover{color:var(--color-content-default);background-color:var(--color-surface-senary)}.mk-button.mk-button-variant-ghost:active{color:var(--color-content-default);background-color:var(--color-surface-quinary)}.mk-button.mk-button-variant-ghost[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-ghost.mk-button-on-color{color:var(--color-oncolors-tertiary);background-color:#0000}.mk-button.mk-button-variant-ghost.mk-button-on-color:hover{color:var(--color-oncolors-default);background-color:var(--color-oncolors-senary)}.mk-button.mk-button-variant-ghost.mk-button-on-color:active,.mk-button.mk-button-variant-ghost.mk-button-on-color[aria-pressed=true]{color:var(--color-oncolors-default);background-color:var(--color-oncolors-quinary)}.mk-button.mk-button-variant-inverted{color:var(--color-inverted-default);background-color:var(--color-surface-default)}.mk-button.mk-button-variant-inverted:hover{color:var(--color-inverted-default);background-color:var(--color-surface-hover)}.mk-button.mk-button-variant-inverted:active{color:var(--color-inverted-default);background-color:var(--color-surface-pressed)}.mk-button.mk-button-variant-inverted[aria-pressed=true]{color:var(--color-primary-accent-default);background-color:var(--color-primary-accent-quinary)}.mk-button.mk-button-variant-inverted.mk-button-on-color{color:var(--color-content-tertiary);background-color:var(--color-inverted-default);border:.0625rem solid #0000}.mk-button.mk-button-variant-inverted.mk-button-on-color:hover{color:var(--color-content-default);background-color:var(--color-inverted-secondary)}.mk-button.mk-button-variant-inverted.mk-button-on-color:active{color:var(--color-oncolors-default);background-color:var(--color-oncolors-quinary);border:.0625rem solid var(--color-oncolors-quinary)}.mk-button.mk-button-variant-inverted.mk-button-on-color[aria-pressed=true]{color:var(--color-oncolors-default);background-color:var(--color-oncolors-septenary)}.mk-button.mk-button-type-button{height:auto}.mk-button.mk-button-type-button.mk-button-size-48px{height:3rem;font:var(--font-body-2-semibold);border-radius:.875rem;gap:.5rem;padding:.75rem 1rem}.mk-button.mk-button-type-button.mk-button-size-48px svg{width:1.5rem;height:1.5rem}.mk-button.mk-button-type-button.mk-button-size-44px{height:2.75rem;font:var(--font-body-2-semibold);border-radius:.75rem;gap:.5rem;padding:.625rem 1rem}.mk-button.mk-button-type-button.mk-button-size-44px svg{width:1.5rem;height:1.5rem}.mk-button.mk-button-type-button.mk-button-size-40px{height:2.5rem;font:var(--font-body-3-medium);border-radius:.75rem;gap:.375rem;padding:.625rem .75rem}.mk-button.mk-button-type-button.mk-button-size-40px svg{width:1.25rem;height:1.25rem}.mk-button.mk-button-type-button.mk-button-size-36px{height:2.25rem;font:var(--font-body-3-medium);border-radius:.75rem;gap:.375rem;padding:.5rem .75rem}.mk-button.mk-button-type-button.mk-button-size-36px svg{width:1.25rem;height:1.25rem}.mk-button.mk-button-type-button.mk-button-size-32px{height:2rem;font:var(--font-body-4-medium);border-radius:.625rem;gap:.375rem;padding:.5rem .75rem}.mk-button.mk-button-type-button.mk-button-size-32px svg{width:1rem;height:1rem}.mk-button.mk-button-type-button.mk-button-size-28px{height:1.75rem;font:var(--font-body-4-medium);border-radius:.5rem;gap:.375rem;padding:.375rem .625rem}.mk-button.mk-button-type-button.mk-button-size-28px svg{width:1rem;height:1rem}.mk-button.mk-button-type-button.mk-button-size-24px{height:1.5rem;font:var(--font-body-4-medium);border-radius:.5rem;gap:.25rem;padding:.25rem .5rem}.mk-button.mk-button-type-button.mk-button-size-24px svg{width:1rem;height:1rem}.mk-button.mk-button-type-icon.mk-button-size-48px{border-radius:.875rem;width:3rem;min-width:3rem;height:3rem}.mk-button.mk-button-type-icon.mk-button-size-48px svg{width:1.5rem;height:1.5rem}.mk-button.mk-button-type-icon.mk-button-size-44px{border-radius:.75rem;width:2.75rem;min-width:2.75rem;height:2.75rem}.mk-button.mk-button-type-icon.mk-button-size-44px svg{width:1.5rem;height:1.5rem}.mk-button.mk-button-type-icon.mk-button-size-40px{border-radius:.75rem;width:2.5rem;min-width:2.5rem;height:2.5rem}.mk-button.mk-button-type-icon.mk-button-size-40px svg{width:1.25rem;height:1.25rem}.mk-button.mk-button-type-icon.mk-button-size-36px{border-radius:.75rem;width:2.25rem;min-width:2.25rem;height:2.25rem}.mk-button.mk-button-type-icon.mk-button-size-36px svg{width:1.25rem;height:1.25rem}.mk-button.mk-button-type-icon.mk-button-size-32px{border-radius:.625rem;width:2rem;min-width:2rem;height:2rem}.mk-button.mk-button-type-icon.mk-button-size-32px svg{width:1rem;height:1rem}.mk-button.mk-button-type-icon.mk-button-size-28px{border-radius:.5rem;width:1.75rem;min-width:1.75rem;height:1.75rem}.mk-button.mk-button-type-icon.mk-button-size-28px svg{width:1rem;height:1rem}.mk-button.mk-button-type-icon.mk-button-size-24px{border-radius:.5rem;width:1.5rem;min-width:1.5rem;height:1.5rem}.mk-button.mk-button-type-icon.mk-button-size-24px svg{width:1rem;height:1rem}}