.app-modal-overlay{-webkit-backdrop-filter:blur(.25rem);z-index:10000;background:#00000080;animation:.2s ease-out both app-modal-overlay-in;position:fixed;inset:0}.app-modal-shell{z-index:10001;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.app-modal-card{pointer-events:auto;background:#fff;border-radius:1rem;width:90vw;max-width:28rem;padding:1.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both app-modal-card-in;position:relative;overflow:hidden;box-shadow:0 1.5625rem 3.125rem -.75rem #00000040}.app-modal-icon-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:624.938rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.375rem;transition:background .15s,color .15s;display:flex;position:absolute;top:1rem}.app-modal-icon-btn:hover{color:#4b5563;background:#f3f4f6}.app-modal-icon-btn:active{transform:scale(.95)}.app-modal-icon-btn svg{width:1.25rem;height:1.25rem}.app-modal-icon-btn--back{left:1rem}.app-modal-icon-btn--close{right:1rem}@keyframes app-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-modal-card-in{0%{opacity:0;transform:scale(.85)translateY(1.25rem)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.app-modal-overlay,.app-modal-card,.app-modal-card *{animation:none!important}}