.ff-playfair {
  font-family: Playfair Display !important;
}

.ff-noto {
  font-family: Noto Sans !important;
}

.ff-outfit {
  font-family: Outfit !important;
}

.ff-bitter {
  font-family: Bitter !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.lh-17 {
  line-height: 17px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-19 {
  line-height: 19px !important;
}

.lh-21 {
  line-height: 21px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-29 {
  line-height: 29px !important;
}

.lh-32 {
  line-height: 32px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.c-slate-light {
  color: #D2E0E5 !important;
}

.c-slate-dark {
  color: #92B3C0 !important;
}

.c-gray-500 {
  color: #ADB5BD !important;
}

.c-dove {
  color: #00222F !important;
}

.c-grey-white {
  color: #FFFFFF !important;
}

.bg-dove {
  background-color: #00222F !important;
}

p {
  color: #FFFFFF;
}

.modal-title {
  font-family: Bitter !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-align: center;
}
.modal-title.logo {
  font-family: Outfit !important;
  font-weight: 400 !important;
}

.modal-subtitle {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
.modal-subtitle span {
  color: var(--Teal-300, #79DFC1);
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.modal-heading {
  font-family: Bitter !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 38px !important;
}

.modal-heading-sml {
  font-family: Bitter !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 38px !important;
}

.modal-subheading {
  color: var(--Slate-300, #92B3C0);
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.fl-txt-default-heading {
  font-family: Bitter;
  font-size: 32px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.fl-txt-home-subheading {
  color: #FFFFFF;
  font-size: 18px;
  font-family: Bitter;
  font-weight: 600;
  line-height: 27px;
}

.fl-txt-login-subheading {
  font-size: 14px;
  font-family: Noto Sans;
  font-weight: 500;
  line-height: 16.8px;
  color: #ADB5BD;
}

.fl-txt-default {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
}

.fl-life-event-date {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #D2E0E5;
  text-align: left;
}

.fl-txt-name {
  font-family: Bitter;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.fl-txt-date {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.fl-txt-title {
  font-family: Bitter;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}

.fl-txt-subtitle {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: left;
  color: #D2E0E5;
}

.fl-txt-btn {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
  color: #92B3C0;
}

.input-subtext {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #ADB5BD;
}

.fl-txt-remember-date {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 1rem !important;
  margin-top: 1.5rem !important;
  margin-left: -1rem !important;
}

.add-to-home-heading {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  color: #000000;
}

.add-to-home-copy {
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
  color: #000000;
}

.event-add-assets {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
}

.memory-preview-message {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
}

.gift-text p:first-child {
  font-family: Bitter;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  color: #FFFFFF;
}
.gift-text p:last-child {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  color: #FFFFFF;
}

.fl-days-intro {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.79px;
  text-align: left;
  color: #FFFFFF;
}

.pinch-zoom-text {
  font-family: Noto Sans !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #92B3C0 !important;
}

.image-crop-cancel {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: underline;
}

.tab-text {
  color: #92B3C0;
  font-size: 14px;
  font-family: Noto Sans;
  font-weight: 400;
  line-height: 16.8px;
  word-wrap: break-word;
}

.timeline-content-heading {
  color: #FFFFFF;
  font-size: 18px;
  font-family: Bitter;
  font-weight: 500;
  line-height: 27px;
}

.account-content-heading {
  padding: 1rem 1rem 0 !important;
}
.account-content-heading p:nth-child(1) {
  color: var(--Gray-White, #FFF);
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 21.6px */
  margin-bottom: 0.25rem !important;
}
.account-content-heading p:nth-child(2) {
  color: var(--Slate-300, #92B3C0);
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.resend-code-txt {
  color: var(--Slate-300, #92B3C0);
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.resend-code-txt span {
  color: var(--Gray-White, #FFF);
  font-weight: 700;
  text-decoration-line: underline;
}/*# sourceMappingURL=typography.css.map */