/*
|---------------------------------------------------------------
| Download
|---------------------------------------------------------------
*/
.ta-download-description {
  margin: 10px 0 0;
  color: var(--bs-secondary-color);
}

.ta-download {
  display: block;
  width: 100%;
}
.ta-download__body {
  display: block;
  width: 100%;
}

.ta-download-sections {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 20px;
}

.ta-download-section {
  display: block;
  width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  background-color: var(--bs-body-bg);
}
.ta-download-section__header {
  padding: 12px 15px;
  color: inherit;
  background-color: rgba(var(--bs-body-color-rgb), 0.03);
  border-bottom: 1px solid var(--bs-border-color);
}
.ta-download-section__body {
  padding: 15px 15px;
}

.ta-download-section-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
  margin: 0;
  font-size: 1em;
  font-weight: 600;
}
.ta-download-section-title small {
  display: block;
  font-size: max(12px, 0.75em);
  font-weight: 500;
  color: var(--ta-color-note);
}

.ta-download-field + .ta-download-field {
  margin-top: 16px;
}
.ta-download-field__label {
  display: block;
  margin: 0 0 8px;
  font-weight: bold;
}

.ta-download-targets {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ta-download-target {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ta-download-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ta-download-actions .ta-date-control__input {
  min-width: min(480px, 100%);
}