.kn-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--space-ui-xl)}.kn-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-overlay) 58%,transparent)}.kn-modal__panel{position:relative;width:100%;max-height:calc(100vh - (var(--space-ui-3xl) * 2));display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-elevated);color:var(--color-text);border:var(--p-border-width) solid var(--color-border);border-radius:var(--radius-card)}.kn-modal__panel--sm{max-width:calc(var(--space-ui-3xl) * 11)}.kn-modal__panel--md{max-width:calc(var(--space-ui-3xl) * 15)}.kn-modal__panel--lg{max-width:calc(var(--space-ui-3xl) * 22)}.kn-modal__header{display:flex;align-items:center;gap:var(--space-ui-lg);padding:var(--space-ui-xl) var(--space-ui-xl) var(--space-ui-lg)}.kn-modal__title{flex:1;min-width:0;margin:0;color:var(--color-text);font-size:var(--font-ui-xl-size);line-height:var(--font-heading-line-height)}.kn-modal__close{width:var(--size-control-sm);height:var(--size-control-sm);flex:none;display:inline-grid;place-items:center;padding:0;background:transparent;color:var(--color-text-muted);border:0;border-radius:var(--radius-control);cursor:pointer}.kn-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.kn-modal__close:focus-visible{outline:var(--p-border-width) solid var(--color-focus-ring);outline-offset:var(--space-ui-2xs)}.kn-modal__body{min-height:0;overflow-y:auto;padding:var(--space-ui-lg) var(--space-ui-xl) var(--space-ui-xl);font-family:var(--font-body-family);font-size:var(--font-ui-size);line-height:var(--font-body-line-height)}.kn-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-ui-sm);padding:var(--space-ui-lg) var(--space-ui-xl);border-top:var(--p-border-width) solid var(--color-border-subtle)}.kn-modal-enter-active{transition:opacity var(--motion-enter-duration) var(--motion-enter-ease)}.kn-modal-leave-active{transition:opacity var(--motion-exit-duration) var(--motion-exit-ease)}.kn-modal-enter-active .kn-modal__panel{transition:transform var(--motion-enter-duration) var(--motion-enter-ease),opacity var(--motion-enter-duration) var(--motion-enter-ease)}.kn-modal-leave-active .kn-modal__panel{transition:transform var(--motion-exit-duration) var(--motion-exit-ease),opacity var(--motion-exit-duration) var(--motion-exit-ease)}.kn-modal-enter-from,.kn-modal-leave-to{opacity:0}.kn-modal-enter-from .kn-modal__panel,.kn-modal-leave-to .kn-modal__panel{opacity:0;transform:translateY(var(--motion-nudge)) scale(var(--motion-enter-scale))}