.sendcard {
  min-height: 100%;
  background-color: #FAF7EE;
}
.sendcard:has(.layout-beautybank-navigation) {
  min-height: calc(100% - 4.75em);
}

.sendcard-header {
  padding: 2.5em 0 0;
  animation: fade-in 0.5s;
}
@media (max-width: 1024px) {
  .sendcard-header {
    padding: 1.5625em 0 0;
  }
}
.sendcard-header__breadcrumbs-url:only-child {
  color: #004D47;
  margin: 0;
}
.sendcard-header__toggle {
  width: 20.4375em;
}
@media (max-width: 1024px) {
  .sendcard-header__toggle {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .sendcard-header__toggle {
    width: 100%;
  }
}

.sendcard-body {
  animation: fade-in 0.5s;
}
.sendcard-body__container {
  display: flex;
  gap: 1.5em;
}
@media (max-width: 1024px) {
  .sendcard-body__container {
    flex-direction: column-reverse;
  }
}
.sendcard-body__main {
  width: 57.5%;
  padding: 1.5em 0 3.75em;
}
@media (max-width: 1024px) {
  .sendcard-body__main {
    width: 100%;
    padding: 0 0 1.9375em;
  }
}
.sendcard-body__aside {
  position: sticky;
  height: max-content;
  top: 6.25em;
  flex: 1;
  padding: 1.5em 0 3.75em;
  margin: 4.5em 0 0;
}
@media (max-width: 1289px) {
  .sendcard-body__aside {
    top: 6.0875em;
  }
}
@media (max-width: 1024px) {
  .sendcard-body__aside {
    position: relative;
    top: 0;
    max-width: 100%;
    padding: 0;
    margin: 1.5em 0 0;
  }
}
@media (max-width: 767px) {
  .sendcard-body__aside {
    margin: 1.125em 0 0;
  }
}
.sendcard-body__chip-buttons {
  display: flex;
  gap: 0.625em;
}
.sendcard-body__chip-buttons-spoiler {
  color: #191A1D;
  margin: 1.5em 0 0;
}
.sendcard-body__summary {
  padding: 1.5em;
  border-radius: 0.5em;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .sendcard-body__summary {
    padding: 1em;
  }
}
.sendcard-body__summary-header {
  padding: 0 0 1.3125em;
  border-bottom: 1px solid #E9E2D2;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-header {
    padding: 0 0 0.75em;
  }
}
@media (max-width: 767px) {
  .sendcard-body__summary-header {
    padding: 0 0 0.5em;
  }
}
.sendcard-body__summary-title {
  font-family: "Playfair Display", sans-serif;
  font-size: 1.25em;
  line-height: 1.6;
  color: #004D47;
  text-align: center;
}
.sendcard-body__summary-body {
  padding: 1.8125em 0 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-body {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.328em;
  }
}
@media (max-width: 767px) {
  .sendcard-body__summary-body {
    padding: 1.25em 0 0;
    flex-direction: column;
    gap: 1em;
  }
}
.sendcard-body__summary-card-wrap {
  padding: 0 6.165%;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-card-wrap {
    padding: 0;
  }
  .sendcard-body__summary-card-wrap_with-greeting-card {
    flex: 0 0 42.684%;
  }
}
.sendcard-body__summary-card, .sendcard-body__summary-custom-card {
  aspect-ratio: 3.84/2.26;
  position: relative;
}
.sendcard-body__summary-card:not(:first-child), .sendcard-body__summary-custom-card:not(:first-child) {
  margin: 1.5em auto 0;
}
.sendcard-body__summary-custom-card {
  overflow: hidden;
  background-color: transparent;
  box-shadow: rgba(25, 26, 29, 0.0625) 0 0 1em 0;
  border-radius: 0.75em;
}
.sendcard-body__summary-custom-card-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  border-radius: 0.75em;
  background-color: #F9F9F9;
  overflow: hidden;
}
.sendcard-body__summary-card-bg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
}
.sendcard-body__summary-card-sum {
  font-family: "Taviraj", sans-serif;
  font-weight: 500;
  font-size: 3em;
  line-height: 1.2;
  color: #EFB666;
  position: absolute;
}
@media (max-width: 767px) {
  .sendcard-body__summary-card-sum {
    font-size: 2.4141em;
  }
}
.sendcard-body__summary-card-sum_top-left {
  top: 8.5%;
  left: 8%;
}
.sendcard-body__summary-card-sum_top-right {
  top: 8.5%;
  right: 8%;
}
.sendcard-body__summary-card-sum_bottom-left {
  bottom: 8.5%;
  left: 8%;
}
.sendcard-body__summary-card-sum_bottom-right {
  bottom: 8.5%;
  right: 8%;
}
.sendcard-body__summary-btn {
  width: 100%;
  margin: 1.5em 0 0;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-btn {
    display: none;
  }
}
.sendcard-body__summary-custom-card-logo {
  width: 30.2083%;
  position: absolute;
  top: 8.8106%;
  left: 6.25%;
}
.sendcard-body__summary-custom-card-note {
  font-family: "Playfair Display", sans-serif;
  line-height: 1.3;
  color: #C3BEB1;
  width: 38.2813%;
  position: absolute;
  top: 29.9559%;
  left: 6.25%;
  font-size: 1.1111vw;
  word-break: break-word;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-custom-card-note {
    font-size: 1em;
  }
}
@media (max-width: 767px) {
  .sendcard-body__summary-custom-card-note {
    font-size: 0.75em;
  }
}
.sendcard-body__summary-custom-card-note_active {
  color: #373A3F;
}
.sendcard-body__summary-custom-card-sum {
  font-family: "Taviraj", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #EFB666;
  position: absolute;
  bottom: 4.25%;
  left: 6.25%;
  font-size: 3em;
}
.sendcard-body__summary-custom-card-image-wrap {
  height: 123.35%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #F2EDE0;
  background-image: url("../../images/custom-card-image-placeholder.svg");
  background-size: 33.2143% 33.2143%;
  background-position: 40.535% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(27%, -50%);
  overflow: hidden;
}
.sendcard-body__summary-custom-card-image {
  height: 81.07%;
  aspect-ratio: 205/227;
  object-fit: cover;
  object-position: center;
  user-select: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sendcard-body__summary-custom-card-sticker {
  width: 30%;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: -3%;
  right: 27.5%;
}
.sendcard-body__summary-edit-btn {
  margin: 1.1975rem;
  align-self: center;
}
.sendcard-body__summary-background {
  margin: 1.1875em 0 0;
}
.sendcard-body__summary-background-header {
  color: #555960;
  padding: 0.5em 0;
  border-bottom: 1px solid #F2EDE0;
}
.sendcard-body__summary-background-body {
  margin: 1.4375em 0 0;
  display: flex;
  gap: 1em;
}
.sendcard-body__summary-background-btn {
  flex: 1;
  aspect-ratio: 1/1;
  border-radius: 50%;
  cursor: pointer;
  background-color: currentColor;
  transition: border-color 0.25s;
  border: 1px solid #F2EDE0;
}
.sendcard-body__summary-background-btn_active {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  border-color: #F2EDE0;
}
.sendcard-body__summary-background-btn_0.sendcard-body__summary-background-btn_active, .sendcard-body__summary-background-btn_5.sendcard-body__summary-background-btn_active, .sendcard-body__summary-background-btn_6.sendcard-body__summary-background-btn_active {
  background-image: url("../../images/icons/sendcard-bg-checkmark.svg");
}
.sendcard-body__summary-background-btn_1.sendcard-body__summary-background-btn_active, .sendcard-body__summary-background-btn_2.sendcard-body__summary-background-btn_active, .sendcard-body__summary-background-btn_3.sendcard-body__summary-background-btn_active, .sendcard-body__summary-background-btn_4.sendcard-body__summary-background-btn_active {
  background-image: url("../../images/icons/sendcard-bg-checkmark_green.svg");
}
.sendcard-body__summary-background-btn:hover {
  border-color: #F2EDE0;
}
.sendcard-body__summary-greeting-cards {
  display: flex;
  gap: 0.75em;
  margin: 1.5em 0 0;
}
@media (max-width: 1024px) {
  .sendcard-body__summary-greeting-cards {
    margin: 0;
    gap: 0.625em;
  }
}
@media (max-width: 767px) {
  .sendcard-body__summary-greeting-cards {
    gap: 0.5em;
  }
}
.sendcard-body__summary-greeting-card {
  flex: 1;
  aspect-ratio: 1.46/1.9;
  border-radius: 0.5em;
  overflow: hidden;
}
.sendcard-body__summary-greeting-card-content {
  background-color: #FAF7EE;
  padding: 12.5%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sendcard-body__summary-greeting-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.sendcard-body__summary-greeting-card-message {
  flex: 1;
  padding: 0 0 12.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.75em;
  color: #373A3F;
}
.sendcard-body__summary-greeting-card-card {
  width: 100%;
  aspect-ratio: 3.84/2.26;
  object-fit: contain;
  user-select: none;
}

.sendcard-accordion {
  margin: 1.5em 0 0;
}
.sendcard-accordion__item {
  background-color: #FFFFFF;
  border-radius: 0.5em;
}
.sendcard-accordion__item + .sendcard-accordion__item {
  margin: 0.5em 0 0;
}
.sendcard-accordion__item-header {
  padding: 1.5em 1.5em 1em;
  cursor: pointer;
}
.sendcard-accordion__item-header-inner {
  display: flex;
  align-items: center;
  gap: 0.625em;
  border-bottom: 1px solid transparent;
  padding: 0 0 0.4375em;
}
.sendcard-accordion__item-header_active .sendcard-accordion__item-header-inner {
  border-color: #F2EDE0;
}
.sendcard-accordion__item-icon {
  width: 1.75em;
  color: #555960;
  transition: color 0.25s;
}
.sendcard-accordion__item-header_completed .sendcard-accordion__item-icon {
  color: #DAA464;
}
.sendcard-accordion__item-header_completed.sendcard-accordion__item-header_active .sendcard-accordion__item-icon {
  color: #555960;
}
.sendcard-accordion__item-title {
  flex: 1;
  font-size: 1.375em;
  line-height: 1.55;
  color: #373A3F;
  font-weight: 500;
}
@media (max-width: 767px) {
  .sendcard-accordion__item-title {
    font-size: 1.25em;
  }
}
.sendcard-accordion__item-arrow {
  width: 2em;
  display: none;
}
.sendcard-accordion__item-arrow_active {
  display: block;
}
.sendcard-accordion__item-body {
  height: 0;
  transition: height 0.5s;
  overflow: hidden;
}
.sendcard-accordion__item-body-content {
  padding: 0.5em 1.5em 1.5em;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .sendcard-accordion__item-body-content {
    padding: 0.5em 1em 1em;
  }
}
.sendcard-accordion__item-fields {
  display: flex;
  flex-direction: column;
}
.sendcard-accordion__item-field:not(:first-child) {
  margin: 1em 0 0;
}
.layout-input__label + .sendcard-accordion__item-field:not(:first-child) {
  margin: 0;
}
.sendcard-accordion__item-btn {
  margin: 1.5em 0 0;
  align-self: center;
}
.sendcard-accordion__item-fields-section:not(:first-child) {
  margin: 1.5em 0 0;
}
.sendcard-accordion__item-fields-section_columned {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 0.6875em;
}
.sendcard-accordion__item-fields-section_columned .sendcard-accordion__item-field {
  flex: 0 0 calc(50% - 0.34375em);
  margin: 0;
}
@media (max-width: 767px) {
  .sendcard-accordion__item-fields-section_columned .sendcard-accordion__item-field {
    flex: 0 0 100%;
  }
}
.sendcard-accordion__item-fields-group {
  margin: 1em 0 0;
}
.sendcard-accordion__item-fields-section-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #191A1D;
}
.sendcard-accordion__item-fields-section-title_green-80 {
  color: #004D47;
}
.sendcard-accordion__item-fields-section-subtitle {
  margin: 1em 0 0.5em;
}
.sendcard-accordion__cards {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  user-select: none;
}
@media (max-width: 767px) {
  .sendcard-accordion__cards {
    gap: 0.375em;
  }
}
.sendcard-accordion__card {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.5em;
  transition: border-color 0.25s;
  overflow: hidden;
  flex: 0 0 calc(33.3333% - 0.6667em);
  aspect-ratio: 2.04/1.22;
  position: relative;
}
@media (max-width: 767px) {
  .sendcard-accordion__card {
    flex: 0 0 calc(50% - 0.1875em);
  }
}
.sendcard-accordion__card_active {
  pointer-events: none;
}
.sendcard-accordion__card:hover, .sendcard-accordion__card_active {
  border-color: #EFB666;
}
.sendcard-accordion__card_greeting {
  flex: 1;
  aspect-ratio: 1.46/1.9;
}
@media (max-width: 767px) {
  .sendcard-accordion__card_greeting {
    flex: 0 0 calc(50% - 0.1875em);
  }
}
.sendcard-accordion__card_greeting.sendcard-accordion__card_active {
  border-color: transparent;
}
.sendcard-accordion__card_greeting.sendcard-accordion__card_active::after {
  content: "";
  display: block;
  position: absolute;
  inset: 5.7895% 7.483% auto auto;
  width: 1.0625em;
  height: 1.0625em;
  background-image: url("../../images/icons/sendcard-greeting-card-checkmark.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.sendcard-accordion__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
.sendcard-accordion__item-textarea {
  height: 6.75em;
}
.sendcard-accordion__review-item {
  padding: 0.625em 0;
  border-bottom: 1px solid #F2EDE0;
  color: #373A3F;
}
.sendcard-accordion__review-item:first-child {
  padding-top: 0;
}
.sendcard-accordion__review-item b {
  font-weight: 500;
}
.sendcard-accordion__review-giver-item {
  color: #555960;
  font-size: 1.125em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625em 0.625em 0.625em 0;
  border-bottom: 1px solid #F2EDE0;
}
.sendcard-accordion__review-giver-item + .sendcard-accordion__review-giver-item {
  margin: 0.2222em 0 0;
}
.sendcard-accordion__review-buttons {
  display: flex;
  justify-content: center;
  gap: 0.625em;
  margin: 1.5em 0 0;
}
@media (max-width: 767px) {
  .sendcard-accordion__review-buttons {
    flex-direction: column;
  }
}
.sendcard-accordion__review-section {
  margin: 1em 0 0;
}
.sendcard-accordion__review-section-title {
  font-size: 1.25em;
  font-weight: 500;
  color: #004D47;
}
.sendcard-accordion__item-edit {
  color: #BA874C;
  cursor: pointer;
  display: none;
}
.sendcard-accordion__item-header_completed .sendcard-accordion__item-edit {
  display: block;
}
.sendcard-accordion__item-header_completed.sendcard-accordion__item-header_active .sendcard-accordion__item-edit {
  display: none;
}
.sendcard-accordion__textarea_note {
  height: 3em;
}
.sendcard-accordion__textarea_message {
  height: 6.75em;
}
.sendcard-accordion__image-dropzone {
  height: 3em;
}
.sendcard-accordion__image-dropzone-uploaded-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 1em 0 0;
}
.sendcard-accordion__image-hint {
  width: 28.6875em;
}
.sendcard-accordion__item-fields-sub-section {
  margin: 1em 0 0;
}
.sendcard-accordion__item-fields-sub-section-header {
  color: #373A3F;
  padding: 0.625em 0;
  border-bottom: 1px solid #F2EDE0;
}
.sendcard-accordion__stickers {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0725em;
  margin: 1.5em 0 0;
}
@media (max-width: 767px) {
  .sendcard-accordion__stickers {
    gap: 2em;
  }
}
.sendcard-accordion__sticker {
  width: calc(14.2857% - 0.9193em);
  border-radius: 0.5em;
  border: 1px solid transparent;
  transition: border-color 0.25s, background-color 0.25s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sendcard-accordion__sticker {
    width: calc(33.3333% - 1.3333em);
  }
}
.sendcard-accordion__sticker_active {
  border-color: #BA874C;
  background-color: #F2EDE0;
  pointer-events: none;
}
.sendcard-accordion__sticker:hover {
  border-color: #BA874C;
}
.sendcard-accordion__fields-set {
  margin: 1em 0 0;
}
.sendcard-accordion__fields-set-title {
  font-size: 1.125em;
  color: #BA874C;
}
.sendcard-accordion__fields-set-body {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 0.875em 0 0;
}
.sendcard-accordion__contributors {
  margin: 1em 0 0;
}
.sendcard-accordion__contributors + .sendcard-accordion__item-fields-section {
  margin: 1em 0 0;
}
.sendcard-accordion__contributor {
  display: flex;
  align-items: center;
  gap: 1em;
  border-bottom: 1px solid #E9E2D2;
  padding: 0.875em 0;
}
.sendcard-accordion__contributor-avatar {
  position: relative;
  display: flex;
}
.sendcard-accordion__contributor-avatar-premium-wrap {
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  box-shadow: 0 -0.125em 1.25em 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.sendcard-accordion__contributor-avatar-premium {
  width: 0.75em;
  height: 0.75em;
  object-fit: contain;
  user-select: none;
}
.sendcard-accordion__contributor-avatar-img {
  width: 2.625em;
  height: 2.625em;
  object-fit: contain;
  border-radius: 50%;
  overflow: hidden;
  user-select: none;
}
.sendcard-accordion__contributor-avatar-premium-wrap + .sendcard-accordion__contributor-avatar-img {
  margin: 0 0 0 -0.5em;
}
.sendcard-accordion__contributor-info {
  flex: 1;
}
.sendcard-accordion__contributor-info-name, .sendcard-accordion__contributor-info-email {
  color: #555960;
  font-size: 1.125em;
}
.sendcard-accordion__contributor-btn {
  font-size: 1.125em;
  text-decoration: underline;
  color: #BA874C;
  transition: color 0.25s;
  cursor: pointer;
}
.sendcard-accordion__contributor-btn:hover {
  color: #DAA464;
}
.sendcard-accordion__contributors-add-btn {
  margin: 1em 0 0;
}
.sendcard-accordion__remove-schedule-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin: 1em 0 0;
}

.sendcard-schedule__body {
  display: flex;
  flex-direction: column;
  padding: 2em 1.5em 1.5em;
}
.sendcard-schedule__body .sendcard-schedule__chip {
  pointer-events: auto;
  cursor: pointer;
}
.sendcard-schedule__title {
  color: #373A3F;
  font-weight: 500;
  font-size: 1.125em;
}
.sendcard-schedule__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.125em;
  margin: 1.5em 0 0;
}
.sendcard-schedule__chip {
  white-space: nowrap;
  justify-content: center;
  pointer-events: none;
  flex: 1;
}
@media (max-width: 767px) {
  .sendcard-schedule__chip {
    flex: 0 1 auto;
  }
}
.sendcard-schedule__fields {
  margin: 1em 0 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.sendcard-schedule__fields .layout-calendar {
  margin: 0.5em 0 0;
}
.sendcard-schedule__fields .layout-input {
  cursor: pointer;
}
.sendcard-schedule__confirm-btn {
  margin: 1.5em 0 0;
  align-self: center;
}
.sendcard-schedule__fields-set {
  margin: 1.5em 0 0;
}
.sendcard-schedule__fields-set-body {
  margin: 1.5em 0 0;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.sendcard-schedule__fields-set-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #373A3F;
}
.sendcard-schedule__disclaimer {
  color: #191A1D;
  margin: 1.5em 0 0;
  text-align: center;
  line-height: 1.25;
}
.sendcard-schedule__numbers {
  background-color: #F2EDE0;
  padding: 1.5em;
  border-radius: 0.75em;
}
.sendcard-schedule__numbers-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #373A3F;
}
.sendcard-schedule__numbers-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sendcard-schedule__numbers-slider {
  display: flex;
  align-items: center;
  gap: 1.5em;
  margin: 0.875em 0 0;
}
.sendcard-schedule__numbers-btn {
  width: 0.625em;
  color: #DAA464;
  cursor: pointer;
  transition: color 0.25s;
  position: relative;
}
.sendcard-schedule__numbers-btn::after {
  content: "";
  position: absolute;
  inset: -1em;
}
.sendcard-schedule__numbers-btn:hover {
  color: #BA874C;
}
.sendcard-schedule__numbers-arrow {
  width: 100%;
}
.sendcard-schedule__numbers-arrow_next {
  transform: scaleX(-1);
}
.sendcard-schedule__numbers-slider-body {
  font-size: 2em;
  font-weight: 600;
  color: #191A1D;
  min-width: 1.6875em;
  text-align: center;
}
.sendcard-schedule__numbers-chips {
  display: flex;
  margin: 0.875em 0 0;
  gap: 0.625em;
}
.sendcard-schedule__numbers-chip {
  color: #555960;
}
.sendcard-schedule__numbers-ok-btn {
  margin: 1.5em 0 0;
}

.sendcard-quitschedule__content {
  max-width: 21.4375em;
}
.sendcard-quitschedule__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.5em;
  text-align: center;
}
.sendcard-quitschedule__title {
  margin: 1.3333em 0 0;
  color: #373A3F;
  font-weight: 500;
  font-size: 1.125em;
}
.sendcard-quitschedule__description {
  color: #555960;
  margin: 1em 0 0;
}
.sendcard-quitschedule__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.875em;
  margin: 1.5em 0 0;
}
.sendcard-quitschedule__button {
  min-width: 10.5625em;
}

.sendcard-cancelsplit__content {
  max-width: 31.25em;
  padding: 2.125em 0 0;
}
.sendcard-cancelsplit__header {
  padding: 0 1.5em;
}
.sendcard-cancelsplit__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25em 1.5em 2em;
  text-align: center;
}
.sendcard-cancelsplit__title {
  max-width: 16.1em;
  color: #004D47;
  font-size: 1.25em;
}
.sendcard-cancelsplit__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  margin: 2em 0 0;
  width: 100%;
}
.sendcard-cancelsplit__button {
  width: 100%;
}

.sendcard-upload-image__dropzone {
  height: 7.75em;
}
.sendcard-upload-image__buttons {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 1.5em 0 0;
}
.sendcard-upload-image__button {
  display: flex;
  align-items: center;
  gap: 1em;
  cursor: pointer;
}
.sendcard-upload-image__button-icon {
  width: 1.5em;
  color: #BA874C;
  transition: color 0.25s;
}
.sendcard-upload-image__button:hover .sendcard-upload-image__button-icon {
  color: #DAA464;
}
.sendcard-upload-image__button-label {
  color: #000000;
}
.sendcard-upload-image__button:hover .sendcard-upload-image__button-label {
  text-decoration: underline;
}
.sendcard-upload-image__cta-button {
  width: 100%;
  margin: 1.5em 0 0;
}
.sendcard-upload-image__cta-button + .sendcard-upload-image__cta-button {
  margin: 1em 0 0;
}
.sendcard-upload-image__cta-button.layout-button_sm {
  margin: 2em 0 0;
}
.sendcard-upload-image__preview {
  display: flex;
  align-items: center;
  gap: 1em;
}
.sendcard-upload-image__preview-img {
  width: 4em;
  height: 4em;
  border-radius: 0.5em;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
.sendcard-upload-image__preview-name {
  color: #191A1D;
  flex: 1;
}
.sendcard-upload-image__preview-remove-button {
  width: 1.5em;
  height: 1.5em;
  color: #DAA464;
  cursor: pointer;
  transition: color 0.25s;
}
.sendcard-upload-image__preview-remove-button:hover {
  color: #BA874C;
}
.sendcard-upload-image__preview-remove-button-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sendcard-upload-image_step-1 .layout-modal__content, .sendcard-upload-image_step-2 .layout-modal__content {
  max-width: 23.75em;
}
.sendcard-upload-image_step-3 .layout-modal__content {
  max-width: 37.5em;
  padding: 0;
  overflow: hidden;
  background-color: #b9a46e;
}
.sendcard-upload-image_step-3 .layout-modal__header {
  position: absolute;
  right: 0;
  top: 1em;
  z-index: 1;
}
.sendcard-upload-image_step-3 .layout-modal__body {
  min-height: 24.625em;
  padding: 0;
}
.sendcard-upload-image_step-3 .layout-modal__footer {
  min-height: 4.875em;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .sendcard-upload-image_step-3 .layout-modal__footer {
    flex-direction: column;
  }
}
.sendcard-upload-image_step-3 .layout-modal__footer .layout-button {
  min-width: 6em;
}
@media (max-width: 767px) {
  .sendcard-upload-image_step-3 .layout-modal__footer .layout-button {
    min-width: 17.875em;
    margin: 2em 0 0;
  }
}
@media (max-width: 767px) {
  .sendcard-upload-image_step-3 .layout-modal__footer .layout-button:first-child {
    order: 1;
    margin: 0.6667em 0 0;
  }
}
.sendcard-upload-image_step-3 .reactEasyCrop_CropArea {
  color: rgba(255, 255, 255, 0.69);
  left: 50%;
  border-radius: 0 0.75em 0.75em 0;
  border-left: none;
}

.sendcard-split-success__gift-icon {
  width: 4em;
}
.sendcard-split-success__title {
  font-size: 3.125em;
  line-height: 1.12;
  color: #719B50;
  margin: 0.32em 0 0;
}
.sendcard-split-success__description {
  font-size: 1.25em;
  line-height: 1.4;
  color: #373A3F;
  margin: 0.75em 0 0;
  max-width: 12.3em;
  text-align: center;
}
.sendcard-split-success__gift-img {
  max-width: 13.9375em;
  margin: 2em 0;
}
.sendcard-split-success .layout-modal__content {
  max-width: 30.5em;
  padding: 1.5em 0 0.75em;
}
.sendcard-split-success .layout-modal__header {
  padding: 0 1.5em;
}
.sendcard-split-success .layout-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5em 1.5em 1.25em;
}
.sendcard-split-success .layout-button {
  min-width: 20.4375em;
}
.sendcard-split-success .layout-button + .layout-button {
  margin: 1em 0 0;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9999;
  }
}
