.inx-modal_wrapper{z-index:9999;place-items:center;width:100%;height:100%;display:grid;position:fixed;top:0;left:0}.inx-modal_bg{background:var(--inx-modal-backdrop,#fff6);width:100%;height:100%;position:absolute;top:0;left:0}.inx-modal nav{z-index:1;background:linear-gradient(#ffffffe6 0%,#0000 100%);grid-area:header;justify-content:flex-end;padding:.75rem 1rem;display:flex;position:sticky;top:0}.inx-modal{grid-template-rows:auto 1fr auto;grid-template-areas:"header""main""footer";width:100%;display:grid;overflow-y:auto;box-shadow:0 3px 6px #0000001a,0 1px 3px #00000014}.inx-modal>*{grid-area:main}body:has(.inx-modal){overflow:hidden}.inx-modal nav button{font-size:1.5rem}.inx-modal{transform:translateY(calc((1 - var(--progress)) * 100%));background-color:var(--inx-modal-bg,#ffffff8c);border-top-left-radius:var(--inx-modal-radius,2rem);border-top-right-radius:var(--inx-modal-radius,2rem);-webkit-backdrop-filter:blur(var(--inx-modal-blur,8px));backdrop-filter:blur(var(--inx-modal-blur,8px));min-height:var(--inx-modal-min-height,70%);max-height:90vh;position:fixed;bottom:0}@media (width>=640px){.inx-modal{max-width:var(--inx-modal-max-width,400px);transform:scale(calc(var(--progress) * .3 + .7));opacity:var(--progress);border-radius:var(--inx-modal-radius,2rem);position:static}}.inx-spinner{border:2px solid #333;border-top-color:#0000;border-radius:50%;width:32px;height:32px;margin:auto;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}