.spark-design-ideas-install-web {
  margin-top: 0;
}

.spark-design-ideas-install-web .spark-design-idea-card {
  background-color: var(--spark-settings-card-bg);
  border-color: var(--spark-settings-card-border);
}

.spark-design-ideas-install-web .spark-design-idea-card .form-control,
.spark-design-ideas-install-web .spark-design-idea-card .form-select {
  background-color: var(--spark-settings-control-bg);
  border-color: var(--spark-settings-control-border);
}

.spark-install-table > :not(caption) > * > * {
  border-bottom-color: var(--spark-settings-card-border);
}

.spark-design-ideas-install-web .spark-install-accordion .accordion-item {
  margin: 0;
  background-color: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.spark-design-ideas-install-web .spark-install-accordion .accordion-button {
  background-color: #444549;
  color: #fff;
  box-shadow: none;
  border-radius: 0;
}

.spark-design-ideas-install-web .spark-install-accordion .accordion-button:not(.collapsed),
.spark-design-ideas-install-web .spark-install-accordion .accordion-button:hover {
  background-color: #444549;
  color: #fff;
  box-shadow: none;
}

.spark-design-ideas-install-web .spark-install-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(255,255,255,0.88)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.spark-design-ideas-install-web .spark-install-accordion .accordion-body {
  background-color: #3A3B40;
  padding: 0.75rem;
}

html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-item {
  background: rgba(15, 23, 42, 0.02);
  border-color: rgba(15, 23, 42, 0.12);
}

html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-button,
html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-button:not(.collapsed),
html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-button:hover {
  background-color: #f8fafc;
  color: #0f172a;
}

html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(15,23,42,0.72)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

html[data-color-theme="light"] .spark-design-ideas-install-web .spark-install-accordion .accordion-body {
  background-color: #ffffff;
}

.spark-install-navbar .spark-install-theme-btn {
  min-width: 5.1rem;
  font-weight: 600;
}

.spark-install-brand__media .header-brand-logo {
  height: 24px;
  width: auto;
}

.spark-install-footer {
  margin-top: auto;
}

.spark-install-footer-logo {
  height: 16px;
  width: auto;
  vertical-align: middle;
}
.spark-install-requirements-table {
  width: 100%;
  table-layout: fixed;
}

.spark-install-requirements-table .spark-install-col-main {
  width: 50%;
}

.spark-install-requirements-table .spark-install-col-expected,
.spark-install-requirements-table .spark-install-col-current {
  width: 18%;
}

.spark-install-requirements-table .spark-install-col-status {
  width: 14%;
}

.spark-install-requirements-table td:first-child,
.spark-install-requirements-table th:first-child {
  overflow-wrap: anywhere;
}

.spark-install-requirements-table td:last-child,
.spark-install-requirements-table th:last-child {
  text-align: center;
}
.spark-design-ideas-install-web .spark-install-steps-nav-equal {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.spark-design-ideas-install-web .spark-install-steps-nav-equal .spark-install-step-item {
  flex: 1 1 0;
  min-width: 0;
}

.spark-design-ideas-install-web .spark-install-step-link {
  min-width: 0;
}

.spark-design-ideas-install-web .spark-install-step-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spark-design-ideas-install-web .spark-install-actions-wrap {
  flex-wrap: nowrap;
}

.spark-design-ideas-install-web .spark-install-actions-wrap .btn {
  white-space: nowrap;
}
body.spark-install-layout {
  margin: 0;
  padding: 0;
}

body.spark-install-layout > .spark-install-navbar {
  margin-top: 0;
}

body.spark-install-layout > .page-content {
  margin-top: 0;
  padding-top: 0;
}