.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.binaryWrap{margin:0 auto;display:flex;flex-direction:column;align-items:center}.binaryWrap>div{width:100%;max-width:560px;padding:24px 0 0;border:1px solid #9d9d9d}.binaryRes{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:72px}.binaryBtn{letter-spacing:2px;font-size:15px;padding:16px 0;width:100%;border-radius:0;border:none;line-height:1.5;font-weight:700;height:100%}.binaryBtn span{font-size:13px}.binaryBtn1{background-color:#4e8ab5}.binaryBtn1:hover{background-color:#3c79a5}.binaryBtn2{background-color:#7993a5}.binaryBtn2:hover{background-color:#698395}.binaryBtn3{background-color:#78b3b4}.binaryBtn3:hover{background-color:#51b2b4}.binaryList__title{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;-webkit-user-select:none;user-select:none}.binaryList__table{width:100%;max-width:560px;max-height:350px;overflow-y:auto;padding:12px;border:1px solid #aaa;text-align:left;display:flex;flex-direction:column}.binaryList__table__item{border-bottom:1px solid #ddd;padding:8px 0 2px;display:flex;justify-content:space-between;align-items:flex-end}.binaryList__table__item strong{color:#4e8ab5;padding-left:.5em;font-size:20px}