.something-more-bespoke--modal-container .modal,
.something-more-bespoke-thank-you--modal-container .modal {
  background-color: transparent;
  margin-bottom: auto;
  margin-top: auto;
  max-width: 846px;
  overflow: initial;
  padding: 30px 30px 25px;
}
.something-more-bespoke--modal-container .modal h2,
.something-more-bespoke-thank-you--modal-container .modal h2 {
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}
.something-more-bespoke--modal-container .modal .form,
.something-more-bespoke-thank-you--modal-container .modal .form {
  margin-bottom: 20px;
  text-align: left;
}
.something-more-bespoke--modal-container .modal .form form,
.something-more-bespoke-thank-you--modal-container .modal .form form {
  gap: 20px;
}
.something-more-bespoke--modal-container .modal .form .form-row,
.something-more-bespoke-thank-you--modal-container .modal .form .form-row {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
@media only screen and (max-width: 767.98px) {
  .something-more-bespoke--modal-container .modal .form .form-row,
  .something-more-bespoke-thank-you--modal-container .modal .form .form-row {
    flex-direction: column;
  }
}
.something-more-bespoke--modal-container .modal .form .field label:not(.custom-checkbox),
.something-more-bespoke-thank-you--modal-container .modal .form .field label:not(.custom-checkbox) {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  -webkit-text-stroke: 1px var(--color-dark);
  word-break: initial;
  line-height: 1;
  font-size: 1.75rem;
  color: var(--color-light);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .something-more-bespoke--modal-container .modal .form .field label:not(.custom-checkbox),
  .something-more-bespoke-thank-you--modal-container .modal .form .field label:not(.custom-checkbox) {
    font-family: "Bebas Neue", system-ui !important;
    font-weight: 400;
    font-style: normal;
    -webkit-text-stroke: 0.65px var(--color-dark);
  }
}
.something-more-bespoke--modal-container .modal .form .field.date-occasion .custom-checkbox,
.something-more-bespoke-thank-you--modal-container .modal .form .field.date-occasion .custom-checkbox {
  color: var(--color-light);
}
.something-more-bespoke--modal-container .modal .form .custom-checkbox,
.something-more-bespoke-thank-you--modal-container .modal .form .custom-checkbox {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.something-more-bespoke--modal-container .modal > .close-button,
.something-more-bespoke-thank-you--modal-container .modal > .close-button {
  display: none;
}
.something-more-bespoke--modal-container .modal .section-decoration,
.something-more-bespoke-thank-you--modal-container .modal .section-decoration {
  position: absolute;
  max-width: 229px;
  max-height: 180px;
}
.something-more-bespoke--modal-container .modal .section-decoration.section-decoration__right,
.something-more-bespoke-thank-you--modal-container .modal .section-decoration.section-decoration__right {
  right: -80px;
  top: 30px;
}
.something-more-bespoke--modal-container .modal .section-decoration > img,
.something-more-bespoke-thank-you--modal-container .modal .section-decoration > img {
  max-width: 100%;
}
.something-more-bespoke--modal-container .close,
.something-more-bespoke-thank-you--modal-container .close {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: var(--color-light);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.something-more-bespoke--modal-container .close .close-button,
.something-more-bespoke-thank-you--modal-container .close .close-button {
  position: relative;
  right: initial;
  top: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}

.something-more-bespoke-thank-you--modal-container .modal {
  overflow: initial;
  padding-bottom: 45px;
}
.something-more-bespoke-thank-you--modal-container .modal .checkmark {
  margin-bottom: 25px;
}
.something-more-bespoke-thank-you--modal-container .modal .checkmark svg {
  height: 60px;
  width: 60px;
}