.modal{z-index:2;box-sizing:border-box;background-color:#00000080;width:100%;height:100dvh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow:auto}@media (min-width:700px){.modal{padding:2rem}}.modal__body{background-color:#fff;border-radius:1rem;margin:auto;position:relative}.modal__close-button-wrapper{display:flex;position:sticky;top:0}.modal__close-button{position:absolute;top:2rem;right:2rem}.modal__content-wrapper{flex-direction:column;gap:2rem;padding:1.6rem;display:flex}@media (min-width:500px){.modal__content-wrapper{padding:2.6rem 3rem}}.modal__header{font-size:3.6rem;font-style:italic;font-weight:600;line-height:4.4rem}