.deli-ci-unit { font-size: .65em; font-weight: 600; }
.deli-ci-sizes { clear: both; width: 100%; margin: 54px 0; }
.deli-ci-sizes h2 { margin-bottom: 8px; }
.deli-ci-sizes-count, .deli-ci-size-limit { color: #69738a; }
.deli-ci-size-search { display: flex; max-width: 560px; margin: 20px 0; }
.deli-ci-size-search input { min-width: 0; flex: 1; height: 48px; padding: 0 16px; border: 2px solid #f15b24; border-radius: 16px 0 0 16px; font: inherit; }
.deli-ci-size-search button { min-width: 105px; border: 0; border-radius: 0 16px 16px 0; color: #fff; background: #2e3a59; font-weight: 700; cursor: pointer; }
.deli-ci-size-table-wrap { overflow-x: auto; border: 1px solid #e1e5ef; border-radius: 18px; }
.deli-ci-size-table { width: 100%; margin: 0; border-collapse: collapse; background: #fff; }
.deli-ci-size-table th, .deli-ci-size-table td { padding: 13px 15px; border-bottom: 1px solid #e7eaf1; text-align: left; white-space: nowrap; }
.deli-ci-size-table th { color: #69738a; background: #f4f6fb; font-size: 12px; }
.deli-ci-size-table tbody tr:last-child td { border-bottom: 0; }
.deli-ci-size-table tbody tr:hover, .deli-ci-size-table tbody tr.is-selected { background: #fff3eb; }
.deli-ci-size-table td:first-child { min-width: 260px; white-space: normal; }
@media (max-width: 600px) {
  .deli-ci-sizes { margin: 38px 0; }
  .deli-ci-size-table th, .deli-ci-size-table td { padding: 11px 12px; font-size: 12px; }
}