.wire-table-wrap{
  --wt-max-width:1200px;
  --wt-text:#232323;
  --wt-text-muted:#424242;
  --wt-bg:#fff;
  --wt-border:rgba(1,56,97,.12);
  --wt-border-outer:rgba(1,56,97,.14);
  --wt-head-bg:#f5f7fa;
  --wt-head-accent:rgba(1,56,97,.07);
  --wt-head-accent-text:#013861;
  --wt-section-bg:#eef3f7;
  --wt-even-row:#fafafa;
  --wt-cell-h-pad:8px;
  --wt-cell-v-pad:10px;
  --wt-font-size:12px;
  --wt-line-height:1.35;
  --wt-color-cell-height:72px;

  width:100%;
  max-width:var(--wt-max-width);
  margin:0 auto;
  padding:12px 0;
  font-family:'TildaSans', Arial, sans-serif;
  color:var(--wt-text);
}

.wire-table-subtitle{
  margin:0 0 16px;
  font-size:20px;
  line-height:1.4;
  font-weight:300;
  font-family:'TildaSans', Arial, sans-serif;
  color:var(--wt-text-muted);
}

.wire-table-box{
  width:100%;
  border:1px solid var(--wt-border-outer);
  border-radius:3px;
  overflow:hidden;
  background:var(--wt-bg);
}

.wire-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  background:var(--wt-bg);
  font-family:'TildaSans', Arial, sans-serif;
}

.wire-table th,
.wire-table td{
  border:1px solid var(--wt-border);
  padding:var(--wt-cell-v-pad) var(--wt-cell-h-pad);
  font-size:var(--wt-font-size);
  line-height:var(--wt-line-height);
  vertical-align:middle;
  text-align:center;
  word-break:break-word;
  overflow-wrap:anywhere;
  white-space:normal;
  font-weight:400;
  box-sizing:border-box;
  transition:background-color .25s ease, color .25s ease, border-color .25s ease;
}

.wire-table thead th{
  font-weight:600;
  color:var(--wt-text);
  background:var(--wt-head-bg);
}

.wire-table thead tr:first-child th{
  color:var(--wt-head-accent-text);
  background:var(--wt-head-accent);
}

.wire-table tbody td{
  color:var(--wt-text-muted);
  font-weight:400;
}

.wire-table tbody td:first-child{
  color:var(--wt-text);
  font-weight:600;
}

.wire-table tbody tr:nth-child(even){
  background:var(--wt-even-row);
}

.wire-table tbody tr.data-row td{
  background:#fff;
}

.wire-table .section-row td{
  color:var(--wt-text);
  font-weight:600;
  background:var(--wt-section-bg) !important;
}

.wire-table .color-row td{
  padding:0;
  height:var(--wt-color-cell-height);
  background:#fff !important;
  overflow:hidden;
}

.wire-table .color-row td:first-child{
  font-weight:400;
}

.wire-table .color-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  height:var(--wt-color-cell-height);
  padding:6px 3px;
  font-size:11px;
  line-height:1.1;
  color:var(--wt-text);
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
  text-align:center;
  box-sizing:border-box;
}

.wire-table .color-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex:0 0 10px;
  border:1px solid rgba(35,35,35,.18);
}

.wire-table .color-row td:hover{
  color:var(--wt-text);
}

.wire-table .color-row td:hover .color-item{
  color:var(--wt-text);
}

.wire-table .color-orange:hover{background:#f89a1c !important;}
.wire-table .color-green:hover{background:#4db97b !important;}
.wire-table .color-yellow:hover{background:#f3ea00 !important;}
.wire-table .color-gray:hover{background:#d9d9d9 !important;}
.wire-table .color-red:hover{background:#f35c35 !important;}
.wire-table .color-brown:hover{background:#be8250 !important;}
.wire-table .color-blue:hover{background:#1787cc !important;}
.wire-table .color-white:hover{background:#ffffff !important;}

.wire-table .dot-orange{background:#f89a1c;}
.wire-table .dot-green{background:#4db97b;}
.wire-table .dot-yellow{background:#f3ea00;}
.wire-table .dot-gray{background:#d9d9d9;}
.wire-table .dot-red{background:#f35c35;}
.wire-table .dot-brown{background:#be8250;}
.wire-table .dot-blue{background:#1787cc;}
.wire-table .dot-white{background:#ffffff;}

@media (max-width:1200px){
  .wire-table-wrap{
    --wt-cell-h-pad:6px;
    --wt-cell-v-pad:8px;
    --wt-font-size:12px;
    --wt-line-height:1.3;
    --wt-color-cell-height:66px;
  }

  .wire-table-subtitle{
    font-size:20px;
    padding-left:10px;
    padding-right:10px;
  }

  .wire-table .color-item{
    gap:4px;
    padding:6px 2px;
    font-size:12px;
    line-height:1.05;
  }
}

@media (max-width:980px){
  .wire-table-wrap{
    --wt-cell-h-pad:5px;
    --wt-cell-v-pad:7px;
    --wt-font-size:12px;
    --wt-color-cell-height:60px;
  }

  .wire-table-subtitle{
    padding-left:20px;
    padding-right:20px;
  }

  .wire-table-box{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }

  .wire-table{
    width:max-content;
    min-width:980px;
  }

  .wire-table th,
  .wire-table td{
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
  }

  .wire-table .color-item{
    gap:3px;
    padding:5px 2px;
    font-size:12px;
    line-height:1;
    white-space:normal;
  }

  .wire-table .color-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
  }
}

@media (max-width:640px){
  .wire-table-subtitle{
    padding-left:20px;
    padding-right:20px;
  }

  .wire-table-box{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }

  .wire-table{
    width:max-content;
    min-width:860px;
  }

  .wire-table th,
  .wire-table td{
    font-size:12px;
    line-height:1.25;
  }
}