.kj-modal{width:calc(100% - 48px);max-width:320px;max-height:calc(100svh - 48px);color:var(--kj-ink);margin:auto;padding:0;overflow-y:auto}.kj-modal--md{max-width:var(--kj-page-width-account)}.kj-modal::backdrop{background:var(--kj-overlay)}.kj-modal[open]{animation:kj-modal-pop var(--kj-duration-modal-open) var(--kj-ease-spring) both}.kj-modal[open]::backdrop{animation:kj-modal-fade var(--kj-duration-modal-close) ease both}.kj-modal[open].kj-modal--closing{animation:kj-modal-pop-out var(--kj-duration-modal-close) ease both}.kj-modal[open].kj-modal--closing::backdrop{animation:kj-modal-fade-out var(--kj-duration-modal-close) ease both}.kj-modal-header{justify-content:space-between;align-items:center;gap:var(--kj-space-4);padding:var(--kj-space-3-5) var(--kj-space-4-5) 0;display:flex}.kj-modal-title{font-size:var(--kj-font-size-16);font-weight:var(--kj-weight-bold);line-height:var(--kj-leading-snug);margin:0}.kj-modal-close{border-radius:var(--kj-radius-sm);width:32px;height:32px;color:var(--kj-ink);opacity:.5;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.kj-modal-close svg{width:20px;height:20px;display:block}.kj-modal-close:hover{opacity:1}.kj-modal-close:focus-visible{--kj-focus-offset:var(--kj-focus-offset-tight)}.kj-modal-body{gap:var(--kj-space-3);padding:var(--kj-space-4) var(--kj-space-4-5) var(--kj-space-5);flex-direction:column;display:flex}.kj-modal--md .kj-modal-header{padding:var(--kj-space-6) var(--kj-space-6-5) 0}.kj-modal--md .kj-modal-title{font-size:var(--kj-font-size-22)}.kj-modal--md .kj-modal-body{padding:var(--kj-space-6) var(--kj-space-6-5) var(--kj-space-6-5)}.kj-modal-body>p{line-height:var(--kj-leading-copy);overflow-wrap:anywhere;margin:0}.kj-modal-body p[role=alert]{padding:var(--kj-space-3) var(--kj-space-4);border:var(--kj-border-width-subtle) solid var(--kj-border);border-radius:var(--kj-radius-sm);background:var(--kj-error-soft);color:var(--kj-error);line-height:var(--kj-leading-copy);overflow-wrap:anywhere;margin-block:0}@keyframes kj-modal-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kj-modal-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes kj-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes kj-modal-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.kj-modal[open],.kj-modal[open]::backdrop{animation:none!important}}@media (width<=860px){.kj-modal-body{gap:var(--kj-space-3-5);padding:var(--kj-space-4-5) var(--kj-space-4) var(--kj-space-5-5)}}
