.tapp-modal-overlay{background-color:#0000008c;inset:0;position:fixed;z-index:calc(infinity - 1)}.tapp-modal{background-color:var(--colors-white);display:flex;height:100dvh;isolation:isolate;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:100dvw;z-index:calc(infinity)}.tapp-modal:focus{outline:none}.tapp-modal__inner{overflow:hidden auto}.tapp-modal__close{background-color:var(--colors-white);border:2px solid var(--colors-black);border-radius:var(--spacing-10);display:grid;height:var(--spacing-10);justify-self:end;outline:2px solid transparent;outline-offset:calc(3px + var(--spacing-1));place-items:center;position:fixed;right:var(--spacing-5);top:var(--spacing-5);transition-duration:.15s;transition-property:background-color,outline-offset;transition-timing-function:ease-in-out;width:var(--spacing-10)}.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:64rem}.tapp-modal--always-windowed{height:auto;width:calc(100% - var(--spacing-4)*2)}@media(min-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)}}