.modalWrapper {
  display: flex;
  flex-direction: column;
  max-height: 70dvh;
  width: 100%;
  margin-top: var(--Space-x3);
}

.form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
}

.form::-webkit-scrollbar {
  display: none;
}

.modalScrollable {
  display: flex;
  flex-direction: column;
}

.price {
  display: flex;
  gap: var(--Space-x2);
  align-items: center;
}

.contentContainer {
  display: flex;
  flex-direction: column;
}

.confirmStep {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--Corner-radius-md);
  background: var(--Surface-Primary-OnSurface-Default);
  padding-bottom: var(--Space-x15);
  margin-top: var(--Space-x2);
}

.description {
  display: flex;
  margin: var(--Space-x2) 0;
}

.pointsDivider {
  display: flex;
  gap: var(--Space-x2);
  height: 24px;
}
@media screen and (min-width: 768px) {
  .modalWrapper {
    width: 492px;
  }
  .selectAncillarycontainer {
    width: 600px;
  }

  .imageContainer {
    height: 240px;
  }
}

@media screen and (min-width: 1052px) {
  .selectAncillarycontainer {
    width: 833px;
  }
}

.breakfastPriceList {
  display: flex;
  flex-direction: column;
}

.divider {
  display: none;
  height: var(--Space-x4);
}

@media screen and (min-width: 768px) {
  .breakfastPriceList {
    flex-direction: row;
    gap: var(--Space-x2);
  }

  .divider {
    display: block;
  }
}