.ks18-ml .ks18-ml-all.ks18-ml-all--config {
  margin: 24px 0 56px;
  padding: 0;
  border: 1px solid var(--ml-line, #d2d2d7);
  border-radius: 16px;
  overflow: hidden;
}
.ks18-ml-all--config > summary {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 20px 24px;
  background: #f5f5f7;
  color: var(--ml-text, #1d1d1f);
  list-style: none;
  font: inherit;
  cursor: pointer;
}
.ks18-ml-all--config > summary::-webkit-details-marker { display: none; }
.ks18-ml-all--config > summary:hover { background: #ececf0; }
.ks18-ml-all--config > summary:focus-visible {
  outline: 2px solid #1552d5;
  outline-offset: -4px;
}
.ks18-ml-all--config .ks18-all-title { flex: 1; font-size: 18px; font-weight: 600; }
.ks18-ml-all--config .ks18-all-count { color: #515154; font-size: 14px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ks18-ml-all--config .ks18-all-chevron { flex: none; width: 20px; height: 20px; }
.ks18-ml-all--config[open] .ks18-all-chevron { transform: rotate(180deg); }
.ks18-ml-all--config[open] > summary { border-bottom: 1px solid var(--ml-line, #d2d2d7); }
.ks18-ml-all--config > .ks18-ml-all-grid { margin: 0; padding: 24px; }
@media (max-width: 600px) {
  .ks18-ml .ks18-ml-all.ks18-ml-all--config { margin: 20px 0 40px; border-radius: 12px; }
  .ks18-ml-all--config > summary { min-height: 72px; padding: 16px; gap: 12px; flex-wrap: wrap; }
  .ks18-ml-all--config .ks18-all-title { flex-basis: calc(100% - 32px); font-size: 17px; }
  .ks18-ml-all--config .ks18-all-chevron { order: 2; }
  .ks18-ml-all--config .ks18-all-count { order: 3; }
  .ks18-ml-all--config > .ks18-ml-all-grid { padding: 16px; }
}