:host ux-modal-content {
  width: unset;
}
@media only screen and (min-width: 1024px) {
  :host .ux-modal__outer {
    max-width: 1470px;
    width: 83.3333%;
  }
}

.container {
  padding: 20px 0 20px;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 10px 30px 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    padding: 10px 70px 30px;
  }
}

ux-progress-bar,
.content-container {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  ux-progress-bar,
  .content-container {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  ux-progress-bar,
  .content-container {
    margin-bottom: 60px;
  }
}

.navigation {
  display: flex;
  flex-direction: column;
}
.navigation ux-button:first-of-type {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .navigation {
    flex-direction: row;
    justify-content: space-between;
  }
  .navigation ux-button:first-of-type {
    margin-bottom: 0;
  }
}

.content-container slot {
  display: block;
}