.genderFilter{flex-direction:row;justify-content:space-around;display:flex}.genderFilter label{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.genderFilter input[type=radio]{display:none}.genderFilter .off .male,.genderFilter .off .female{background-color:var(--white);border:1px solid var(--cocoa)}.genderFilter .off .male svg,.genderFilter .off .female svg{fill:var(--cocoa);stroke:var(--cocoa)}.genderFilter .circleWrapper{flex-direction:row;width:3.2rem;max-width:38px;height:3.2rem;max-height:38px;margin:auto;display:flex}.genderFilter .circle{width:50%;height:100%}.genderFilter .halfCircleLeft{background-color:var(--dark-sky-blue);border:1px solid var(--dark-sky-blue);border-radius:90px 0 0 90px}.genderFilter .halfCircleRight{background-color:var(--purply-pink);border:1px solid var(--purply-pink);border-radius:0 90px 90px 0}.genderFilter .off .halfCircleLeft{background:var(--cocoa);border-color:var(--cocoa)}.genderFilter .off .halfCircleRight{background:var(--white);border-color:var(--cocoa)}.genderFilter .circleText{color:var(--dark-grey);padding-top:.6rem;font-size:12px}@media (min-width:64em){.genderFilter .circleWrapper,.genderFilter .gender{max-width:40px;max-height:40px}}