.tapp-modal-overlay{background-color:#000000bf;inset:0;position:fixed;z-index:calc(infinity - 1)}.tapp-modal{background-color:var(--colors-white);display:grid;grid-template-rows:1fr max-content;height:100dvh;left:50%;overflow:hidden auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:100dvw;z-index:calc(infinity)}.tapp-modal:focus{outline:none}.tapp-modal__inner{grid-row:1;margin-bottom:calc(var(--spacing-10)*-1);overflow:auto}.tapp-modal__close{background-color:var(--colors-white);border-radius:var(--spacing-10);bottom:calc(100% - var(--spacing-10) - var(--spacing-5));display:grid;grid-row:2;height:var(--spacing-10);justify-self:end;left:auto;outline:2px solid transparent;outline-offset:calc(3px + var(--spacing-1));place-items:center;position:sticky;right: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:800px}.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)}}