.popupHeader{min-height:4.4rem;color:var(--greyish);background:var(--white);border-bottom:1px solid var(--white-five);justify-content:space-between;align-items:center;padding:0 1rem;font-family:Open Sans Bold;font-size:1.33rem;display:flex}.popupHeader.profile{color:var(--white);background:var(--cocoa);border-bottom-color:var(--cocoa)}.popupHeader.male{color:var(--white);background:var(--dark-sky-blue);border-bottom-color:var(--dark-sky-blue)}.popupHeader.female{color:var(--white);background:var(--purply-pink);border-bottom-color:var(--purply-pink)}.popupHeader svg{height:1.33rem;stroke:var(--greeny-blue)}.popupHeader.profile svg,.popupHeader.male svg,.popupHeader.female svg{stroke:var(--white)}
.popupFooter{width:100%;height:5.417rem;color:var(--greyish);background:var(--white);border-top:1px solid var(--white-five);justify-content:space-around;align-items:center;padding:0 1rem;font-family:Open Sans;font-size:1rem;display:flex}.popupFooter>span{text-align:center;font-size:14px}@media (max-width:48em){.popupFooter .button{padding:0 .5rem}.popupFooter>span{font-size:12px}}