.dist-modal{position:fixed;inset:0;z-index:calc(var(--z-sticky) + 20);display:grid;place-items:center;padding:clamp(16px,4vh,48px) var(--space-side-mobile);background:rgba(14,14,14,.52);animation:dist-modal-in .24s var(--ease-smooth)}@keyframes dist-modal-in{0%{opacity:0}}.dist-modal-panel{position:relative;width:100%;max-width:620px;max-height:min(88svh,900px);overflow-y:auto;border-radius:var(--r-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:dist-modal-panel-in .32s var(--ease-expo)}@keyframes dist-modal-panel-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.dist-modal,.dist-modal-panel{animation:none}}.dist-modal-form{border:0;border-radius:0;box-shadow:none;max-width:none;padding-top:clamp(28px,4vw,40px)}.dist-modal-form .form-header{padding-right:44px}.dist-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:var(--r-pill);background:var(--color-surface);color:var(--color-text-2);cursor:pointer;transition:color .2s var(--ease-smooth),border-color .2s var(--ease-smooth)}@media (hover:hover) and (pointer:fine){.dist-modal-close:hover{color:var(--color-text);border-color:var(--color-line-2)}}.dist-modal-close svg{width:16px;height:16px}.dist-modal-context{margin-top:18px}.dist-modal-panel>.dist-success{padding:clamp(40px,7vh,64px) clamp(24px,5vw,48px)}.dist-success .dist-success-note{margin-top:8px;font-size:var(--fs-sm)}