.nx-modal-backdrop,.nx-modal-popup{--nx-modal-open:.24s cubic-bezier(.22, 1.2, .36, 1);--nx-modal-close:.14s cubic-bezier(.4, 0, 1, 1);--nx-scrim-in:.18s cubic-bezier(.16, 1, .3, 1);--nx-scrim-out:.12s cubic-bezier(.4, 0, 1, 1)}.nx-modal-backdrop{z-index:1000;opacity:1;transition:opacity var(--nx-scrim-in);background:#0000008c;position:fixed;inset:0}.nx-modal-backdrop[data-closed],.nx-modal-backdrop[data-starting-style],.nx-modal-backdrop[data-ending-style]{opacity:0}.nx-modal-backdrop[data-ending-style]{transition:opacity var(--nx-scrim-out)}.nx-modal-popup{z-index:1001;opacity:1;width:100%;max-height:none;transition:transform var(--nx-modal-open), opacity var(--nx-modal-open);border-radius:0;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(1)}.nx-modal-popup[data-starting-style]{opacity:0;transform:scale(.96)}.nx-modal-popup[data-closed],.nx-modal-popup[data-ending-style]{opacity:0;transform:scale(.98)}.nx-modal-popup[data-ending-style]{transition:transform var(--nx-modal-close), opacity var(--nx-modal-close)}.nx-modal-popup[data-variant=sheet]{transform-origin:50% 100%;border-radius:22px 22px 0 0;max-height:88vh;inset:auto 0 0}@media (width>=1024px){.nx-modal-popup,.nx-modal-popup[data-variant=sheet]{transform-origin:50%;opacity:1;width:min(var(--nx-modal-w,560px), calc(100vw - 48px));border-radius:20px;max-height:min(85vh,100vh - 48px);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.nx-modal-popup[data-starting-style],.nx-modal-popup[data-variant=sheet][data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.96)}.nx-modal-popup[data-closed],.nx-modal-popup[data-ending-style],.nx-modal-popup[data-variant=sheet][data-closed],.nx-modal-popup[data-variant=sheet][data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.nx-modal-popup[data-variant=alert]{opacity:1;width:min(var(--nx-modal-w,380px), calc(100vw - 40px));border-radius:20px;max-height:min(80vh,100vh - 40px);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.nx-modal-popup[data-variant=alert][data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.96)}.nx-modal-popup[data-variant=alert][data-closed],.nx-modal-popup[data-variant=alert][data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}.nx-modal-popup[data-variant=deck]{opacity:1;border-radius:0;width:auto;max-height:none;inset:20px 16px;transform:translateY(0);box-shadow:none!important;background:0 0!important}.nx-modal-popup[data-variant=deck][data-closed],.nx-modal-popup[data-variant=deck][data-starting-style],.nx-modal-popup[data-variant=deck][data-ending-style]{opacity:0;transform:translateY(4%)}.nx-modal-popup[data-variant=deck] .nx-modal-body{padding:0;overflow:hidden}@media (width>=1024px){.nx-modal-popup[data-variant=deck]{width:min(520px,100vw - 48px);height:min(720px,100vh - 80px);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1)}.nx-modal-popup[data-variant=deck][data-closed],.nx-modal-popup[data-variant=deck][data-starting-style],.nx-modal-popup[data-variant=deck][data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.97)}}.nx-modal-header{padding:16px 16px 12px 20px;padding-top:max(16px, env(safe-area-inset-top));flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width>=1024px){.nx-modal-header{padding:20px 20px 12px 24px}}.nx-modal-title{letter-spacing:.04em;overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.1}.nx-modal-close{cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background .14s;display:flex}.nx-modal-close:hover{background:#7f7f7f24}.nx-modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;padding:0 20px 20px;overflow-y:auto}.nx-modal-popup[data-header=false] .nx-modal-body{padding-top:20px}@media (width>=1024px){.nx-modal-body{padding:0 24px 24px}.nx-modal-popup[data-header=false] .nx-modal-body{padding-top:24px}}.nx-modal-footer{padding:14px 20px;padding-bottom:max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--nx-modal-border,#7f7f7f2e);flex:none}@media (width>=1024px){.nx-modal-footer{padding:16px 24px}}@media (prefers-reduced-motion:reduce){.nx-modal-backdrop,.nx-modal-popup{--nx-modal-open:0s;--nx-modal-close:0s;--nx-scrim-in:0s;--nx-scrim-out:0s}}
