:root,[data-theme=dark]{--inx-modal-backdrop:#000000b3;--inx-modal-nav-bg:#000000e6;--inx-modal-bg:#00000021;--inx-modal-border:#333;--inx-modal-spinner:#aaa}@media (prefers-color-scheme:light){:root{--inx-modal-backdrop:#fff6;--inx-modal-nav-bg:#ffffffe6;--inx-modal-bg:#ffffffd9;--inx-modal-border:transparent;--inx-modal-spinner:#333}}[data-theme=light]{--inx-modal-backdrop:#fff6;--inx-modal-nav-bg:#ffffffe6;--inx-modal-bg:#ffffffd9;--inx-modal-border:transparent;--inx-modal-spinner:#333}.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);width:100%;height:100%;position:absolute;top:0;left:0}.inx-modal nav{z-index:2;grid-area:header;justify-content:flex-end;align-items:start;padding:.75rem 1rem;display:flex;position:sticky;top:0}.inx-modal header{z-index:1;grid-area:header;justify-content:center;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}.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);border:1px solid var(--inx-modal-border);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,180px);--inx-modal-duration:.4s;max-height:90vh;position:fixed;bottom:0}@media (width>=641px){.inx-modal{--inx-modal-duration:.3s}}@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:1px solid var(--inx-modal-spinner);border-top-color:#0000;border-radius:50%;width:32px;height:32px;margin:auto;animation:1s linear infinite spin;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}