.gender{display:flex;margin:0 auto;max-width:336px;position:relative;user-select:none;width:100%;z-index:1;-webkit-tap-highlight-color:transparent;border:1px solid rgba(0,0,0,.3);border-radius:3px;color:rgba(0,0,0,.3)}.gender input{display:none}.gender input:checked+label{color:#fff}.gender input:first-of-type:checked~label:last-of-type:before{transform:translateX(0)}.gender input:nth-of-type(2):checked~label:last-of-type:before{transform:translateX(100%)}.gender label{cursor:pointer;flex:1;font-size:16px;overflow:hidden;padding:6px 3px;text-align:center;text-overflow:ellipsis;transition:color .25s cubic-bezier(0,.95,.38,.98);white-space:nowrap}.gender label:last-of-type:before{background:#7baec6;bottom:0;content:"";display:block;left:0;margin:0;max-width:50%;position:absolute;right:0;top:0;transform:translateX(0);transition:transform .25s cubic-bezier(0,.95,.38,.98);z-index:-1}.gender.special label:last-of-type:before{background:#db8383}.username{display:table-column}