@keyframes tapp-modal-overlay-show{0%{opacity:0}}@keyframes tapp-modal-overlay-hide{to{opacity:0}}@keyframes tapp-modal-show{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes tapp-modal-hide{to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes tapp-modal-show-mobile{0%{opacity:0;transform:translate(-50%,15%)}}@keyframes tapp-modal-hide-mobile{to{opacity:0;transform:translate(-50%,15%)}}.tapp-modal-overlay{z-index:calc(infinity - 1);background-color:#0000008c;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.tapp-modal-overlay[data-state=open]{animation:.25s tapp-modal-overlay-show}.tapp-modal-overlay[data-state=closed]{animation:.25s forwards tapp-modal-overlay-hide}}.tapp-modal{isolation:isolate;z-index:calc(infinity);transform-origin:50%;background-color:var(--colors-white);width:100dvw;height:100dvh;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;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference) and (width>=640px){.tapp-modal[data-state=open]{animation:.25s tapp-modal-show}.tapp-modal[data-state=closed]{animation:.25s forwards tapp-modal-hide}}@media (prefers-reduced-motion:no-preference) and (width<640px){.tapp-modal[data-state=open]{animation:.25s tapp-modal-show-mobile}.tapp-modal[data-state=closed]{animation:.25s forwards tapp-modal-hide-mobile}}.tapp-modal:focus{outline:none}.tapp-modal__inner{width:100%;overflow:hidden auto}.tapp-modal__close{top:var(--spacing-5);right:var(--spacing-5);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-offset:calc(3px + var(--spacing-1));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{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 (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)}}