@keyframes tapp-modal-overlay-show{0%{opacity:0}}@keyframes tapp-modal-overlay-hide{to{opacity:0}}@keyframes tapp-modal-show{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}}@keyframes tapp-modal-hide{to{transform:translate(-50%,-50%) scale(.96);opacity:0}}@keyframes tapp-modal-show-mobile{0%{transform:translate(-50%,15%);opacity:0}}@keyframes tapp-modal-hide-mobile{to{transform:translate(-50%,15%);opacity:0}}.tapp-modal-overlay{position:fixed;z-index:calc(infinity - 1);inset:0;background-color:#0000008c}@media(prefers-reduced-motion:no-preference){.tapp-modal-overlay[data-state=open]{animation:tapp-modal-overlay-show .25s ease}.tapp-modal-overlay[data-state=closed]{animation:tapp-modal-overlay-hide .25s ease forwards}}.tapp-modal{isolation:isolate;position:fixed;z-index:calc(infinity);top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%);overflow:hidden;display:flex;width:100dvw;height:100dvh;background-color:var(--colors-white)}@media not (min-width:640px){.tapp-modal{top:15vh;transform:translate(-50%);height:calc(100dvh - 15vh)}}@media(prefers-reduced-motion:no-preference)and (min-width:640px){.tapp-modal[data-state=open]{animation:tapp-modal-show .25s ease}.tapp-modal[data-state=closed]{animation:tapp-modal-hide .25s ease forwards}}@media(prefers-reduced-motion:no-preference)and (not (min-width:640px)){.tapp-modal[data-state=open]{animation:tapp-modal-show-mobile .25s ease}.tapp-modal[data-state=closed]{animation:tapp-modal-hide-mobile .25s ease forwards}}.tapp-modal:focus{outline:none}.tapp-modal__inner{overflow:hidden auto;width:100%}.tapp-modal__close{position:fixed;top:var(--spacing-5);right:var(--spacing-5);display:grid;place-items:center;width:var(--spacing-10);height:var(--spacing-10);border:2px solid var(--colors-black);border-radius:var(--spacing-10);background-color:var(--colors-white);outline:2px solid transparent;outline-offset:calc(3px + var(--spacing-1));transition-timing-function:ease-in-out;transition-duration:.15s;transition-property:background-color,outline-offset}.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(min-width:640px){.tapp-modal--compact{height:auto;max-height:min(calc(100dvh - var(--spacing-10)*2),85vh);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow)}}.tapp-modal--always-windowed{width:calc(100% - var(--spacing-4)*2);height:auto}@media(min-width:640px){.tapp-modal--windowed{height:auto;max-height:calc(100dvh - var(--spacing-10)*2);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow)}}