.tapp-modal-overlay{z-index:calc(infinity - 1);background-color:#0000008c;position:fixed;inset:0}.tapp-modal{background-color:var(--colors-white);isolation:isolate;transform-origin:50%;width:100dvw;height:100dvh;z-index:calc(infinity);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (width<640px){.tapp-modal{height:calc(100dvh - 15vh);top:15vh}}.tapp-modal:focus{outline:none}.tapp-modal__inner{width:100%;overflow:hidden auto}.tapp-modal__close{background-color:var(--colors-white);border:2px solid var(--colors-black);border-radius:var(--spacing-10);height:var(--spacing-10);outline-offset:calc(3px + var(--spacing-1));right:var(--spacing-5);top:var(--spacing-5);width:var(--spacing-10);outline:2px solid #0000;place-items:center;transition-property:background-color,outline-offset;transition-duration:.15s;transition-timing-function:ease-in-out;display:grid;position:fixed}.tapp-modal__close:focus-visible,.tapp-modal__close:hover{background-color:var(--colors-gray-400)}.tapp-modal__close:focus-visible{outline-color:var(--button-primary-hover-background-color);outline-offset:3px}.tapp-modal--always-windowed,.tapp-modal--windowed{max-width:50rem}.tapp-modal--compact{max-width:40rem}@media (width>=640px){.tapp-modal--compact{border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);height:auto;max-height:min(calc(100dvh - var(--spacing-10)*2),85vh)}}.tapp-modal--always-windowed{height:auto;width:calc(100% - var(--spacing-4)*2)}@media (width>=640px){.tapp-modal--windowed{border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);height:auto;max-height:calc(100dvh - var(--spacing-10)*2)}}