.modal{position:fixed;z-index:101;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:fadeIn .3s ease-out forwards}.modal .modal-content{position:relative;width:calc(100% - 32px);max-width:calc(760px);border-radius:.375rem;background-color:var(--white);padding-top:1.75rem;padding-bottom:1.75rem;opacity:0;animation:slideIn .3s ease-out .3s forwards}.modal .modal-content .close-button{position:absolute;top:.5rem;right:.5rem}.modal .modal-content .close-button svg{transition-duration:.3s}.modal .modal-content .close-button svg:hover{color:var(--secondary-250)}.modal .modal-content .modal-content-inner{max-height:80dvh;overflow:auto;border-radius:32px;padding-left:1.25rem;padding-right:1.25rem}.modal:before{position:absolute;inset:0;border-radius:.375rem;background-color:var(--black);--tw-bg-opacity:0.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.7);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}