#input {
    width: 80%;
    height: 50px;
    display: flex;
    align-items: center;
    border: 3px solid;
    border-radius: 20px;
    padding: 2px 10px 2px 10px;
    font-size: 32px; text-align: center;
    background-image: linear-gradient(352deg, white, rgb(240, 240, 240));
    color: rgb(50, 50, 50);
}
.cidr-btn {
    padding: 10px 16px;
    margin-left: 10px;
    border-radius: 12px;
    border: 0;
    background-image: linear-gradient(200deg, rgb(30, 230, 230), rgb(210, 210, 210));
    color: rgb(50, 50, 50);
    font-weight:600;
    cursor:pointer;
    font-size:18px;
    display: flex;
    align-items: center;
  }
  .cidr-result { margin-top:16px; max-width:920px; }
  .cidr-table{ width:100%; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; }
  .cidr-table th, .cidr-table td{ padding:10px; border:2px solid black; text-align:left; vertical-align:middle; }
  .cidr-table th{ background-image: linear-gradient(200deg, rgb(230, 230, 230), rgb(200, 200, 200)); font-weight:700; color: black; }
  .cidr-row-title{ width:220px; font-weight:700; }
  .cidr-binary{ font-family:monospace; display:inline-block; padding:6px; border-radius:6px; }
  .cidr-error{ color:#a80000; margin-top:8px; }
  .cidr-caption{ font-weight:700; margin-bottom:8px; }