.app-modal__overlay{animation:app-modal-overlay-in .15s ease;background:#000000bf;inset:0;position:fixed;z-index:9998}.app-modal__overlay[data-state=closed]{animation:app-modal-overlay-out .15s ease}.app-modal__outer{align-items:center;animation:app-modal-content-in .15s ease;display:flex;inset:0;justify-content:center;outline:none;padding:1.5rem;pointer-events:none;position:fixed;z-index:9999}.app-modal__outer[data-state=closed]{animation:app-modal-content-out .15s ease}.app-modal__outer--fullscreen{align-items:stretch}.app-modal__panel{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;max-height:90vh;max-width:min(90vw,640px);overflow-y:auto;pointer-events:all;position:relative;width:-moz-fit-content;width:fit-content}.app-modal__panel--fullscreen{height:100vh;max-height:100vh;max-width:100vw;width:100vw}.app-modal__panel .app-card{--app-card-padding:2rem}.app-modal__close{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;height:1.75rem;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:background .15s ease,color .15s ease;width:1.75rem;z-index:1}.app-modal__close:hover{background:#fff3;color:#fff}@keyframes app-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes app-modal-content-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes app-modal-content-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}