.modal{z-index:3;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:1rem;right:1rem}.modal__content-wrapper{flex-direction:column;gap:1.2rem;padding:1.4rem;display:flex}@media (min-width:500px){.modal__content-wrapper{gap:1.6rem;padding:2.4rem}}.modal__header{font-size:clamp(2.4rem,10vw,3.4rem);font-style:italic;font-weight:600;line-height:clamp(3.2rem,10vw,4rem)}.modal__content{flex-direction:column;gap:1rem;display:flex}