.modal{display:none;position:relative;z-index:99;position:fixed;top:0;left:0;right:0;bottom:0}.modal-container{background-color:var(--wp--preset--color--cream);color:var(--wp--preset--color--grey-dark);box-shadow:0 4px 28px 3px rgb(0 0 0 / .25);padding:2rem 4rem;max-width:calc(100% - 4rem);width:840px;max-height:90vh;overflow-y:auto}.modal-container,.modal-overlay{will-change:transform}.modal-header{border-bottom:10px solid var(--wp--preset--color--blue-medium);margin:2rem 0 1rem;padding-bottom:.5rem}.modal-title{font-weight:700;font-family:var(--wp--preset--font-family--secondary);font-size:2.25rem;color:var(--wp--preset--color--grey-dark);margin:0;line-height:1}.modal-button--close{background:#fff0;border:0;cursor:pointer;transform:translateX(-50%)}@keyframes mmslideIn{from{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translateY(0)}}@keyframes mmslideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10%)}}.modal.is-open{display:flex;justify-content:center;align-items:center}.modal[aria-hidden="false"] .modal-container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.modal[aria-hidden="true"] .modal-container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}