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