.modal{z-index:998;position:fixed;bottom:0;right:0;height:100dvh;justify-content:flex-end;align-items:flex-end;background:rgba(52,64,84,.7);backdrop-filter:blur(4px)}.modal,.modal>div{width:100vw;display:flex}.modal>div{position:relative;flex-direction:column;max-height:80vh;border-radius:16px 16px 0 0;background:var(--colors-gray-light-mode-25,#fcfcfd);box-shadow:0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03)}.modal>div>*{padding-left:24px;padding-right:24px}.modalHeader{display:flex;font-weight:600;font-size:20px;line-height:30px;padding:16px 24px 8px}.modalHeader>div:first-of-type{display:flex;width:100%;color:var(--primary-900,#150b3d);font-family:var(--font-inter);font-size:16px;font-weight:600;line-height:20px}.modalHeader>img{cursor:pointer}.modalBody{flex:1 1;overflow:auto;padding-top:16px}.modalBody,.modalFooter{display:flex;flex-direction:column}.modalFooter{gap:16px;border-top:1px solid var(--gray-200);padding:16px 24px}.modal .modal{position:absolute;justify-content:flex-start;width:min(200%,100vw);backdrop-filter:none;background:rgba(52,64,84,.7)}@media (min-width:1024px){.modal{align-items:center}.modal>div{width:400px;max-width:calc(100vw - 100px);max-height:100dvh;min-height:100dvh;border-radius:16px 0 0 16px}.modalHeader{padding-top:24px}.modal[data-center=true]{justify-content:center}.modal[data-center=true]>div{max-height:80vh;min-height:0;min-height:auto;width:min(80vw,923px);border-radius:16px;padding-bottom:24px}}