/**color by character**/
.flex-center--Tuteu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--PykXb {
  overflow: hidden;
}
.profileBuilderQuizContainer--dr_4G {
  max-width: 1204px;
  margin: 0 10px;
  background: #fcf2ef;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  align-items: center;
  max-height: 160px;
}
.profileBuilderQuizContainer--dr_4G .pbRightContainer--UQ0tg {
  width: 100%;
  max-width: 537px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .pbRightContainer--UQ0tg {
    gap: 12px;
  }
}
.profileBuilderQuizContainer--dr_4G .treatsPoints--eSuVo {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  color: #848484;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .treatsPoints--eSuVo {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    display: block;
    margin-bottom: -12px;
  }
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G {
    max-height: 100%;
    margin: 0;
    padding: 24px 16px;
    flex-direction: column;
    gap: 0px;
    background: linear-gradient(180deg, #FCF2EF 50%, #FFFFFF 124.74%);
    border: 1px solid #F5F5F5;
  }
}
.profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN {
    gap: 4px;
  }
}
.profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .textImageContainer--kMixD img,
.profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .textImageContainer--kMixD picture {
  display: block;
  height: 48px;
  width: 210px;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .textImageContainer--kMixD img,
  .profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .textImageContainer--kMixD picture {
    margin: auto;
    height: 32px;
    width: 140px;
  }
}
.profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .profileBuilderTitle--CbvMB {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .profileBuilder--o6zHN .profileBuilderTitle--CbvMB {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj {
  padding: 14px 12px;
  gap: 12px;
  width: 100%;
  max-width: 537px;
  display: flex;
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj {
    max-height: 76px;
    margin-top: 24px;
  }
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .imageSwatch--_AWrB {
  position: relative;
  width: 77px;
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .imageSwatch--_AWrB img {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 2px solid white;
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .imageSwatch--_AWrB img:last-child {
  position: absolute;
  left: 30%;
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .quizCta--B4T8M {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 4px;
  width: 100%;
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .quizCta--B4T8M .quizCtaText--TRR5k {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .quizCta--B4T8M .quizCtaText--TRR5k {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .quizCta--B4T8M .quizStateMessage--oJvXH {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #848484;
  letter-spacing: 0%;
}
@media only screen and (max-width: 480px) {
  .profileBuilderQuizContainer--dr_4G .userStateContainer--ALZAj .quizCta--B4T8M .quizStateMessage--oJvXH {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }
}
.userProfileBuilder--lzeQU {
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .userProfileBuilder--lzeQU {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU {
    margin-bottom: 0px !important;
    padding: 0;
  }
}
.userProfileBuilder--lzeQU button,
.userProfileBuilder--lzeQU .buttonLink--XB3gm {
  padding: 0.85rem 3.2rem;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 160%;
  border: none;
  border-radius: 8px;
  position: relative;
}
.userProfileBuilder--lzeQU button:hover,
.userProfileBuilder--lzeQU .buttonLink--XB3gm:hover {
  cursor: pointer;
}
.userProfileBuilder--lzeQU .primaryBtn--LKW5l {
  background: #211a1e;
  color: #ffffff;
  margin-top: 16px;
}
.userProfileBuilder--lzeQU .secondaryBtn--ZvN9w {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  background: #ffffff;
  color: #211a1e;
}
.userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN {
  padding: 68px 48px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background: #f4f4f4;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN {
    padding: 0 15px;
  }
}
.userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionWrapper--tAyM9 {
  width: 100%;
  text-align: left;
}
.userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionWrapper--tAyM9 .textImgClass--YwZ15 img {
  height: 48px !important;
  width: unset !important;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionWrapper--tAyM9 .textImgClass--YwZ15 img {
    height: 40px;
  }
}
.userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionText--_8GFC {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  max-width: 40%;
  -webkit-line-clamp: unset;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionText--_8GFC {
    margin-bottom: 2rem;
  }
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 {
  display: flex;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv {
  flex: 1;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userInfo--UIFAN {
  position: absolute;
  padding-left: calc(50% - 600px);
  top: 52%;
  margin-top: 42px;
  max-width: 40%;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userInfo--UIFAN {
    margin-top: 0px;
  }
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userName--LNrdx {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: 8px;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizNotTaken--WAy1I {
  margin-bottom: 2rem;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userContent--nyI16 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userContent--nyI16 {
    margin-bottom: 0px;
  }
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c {
  background-color: #f4f4f4;
  padding: 12px;
  margin-top: 0.5rem;
  margin-right: 15px;
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c {
    padding: 12px 12px 12px 0;
    background-color: transparent;
    margin-right: 0px;
  }
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .manageSelectionContainer--s2_bL {
  display: flex;
  justify-content: space-between;
  margin-top: 13px;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .manageSelectionTitle--M4U74 {
  font-size: 1rem;
  font-weight: 500;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .manageSelection--bD8Yn {
  cursor: pointer;
  color: #211a1e;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .manageSelection--bD8Yn .inlineSvg--k6ed9 {
  vertical-align: sub;
  display: inline;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .quizAnswerContainer--KHdLK {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 8px 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .quizAnswerContainer--KHdLK::-webkit-scrollbar {
  display: none;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .quizResponseContainer--YN94c .quizAnswer--Mrioy {
  font-size: 14px;
  line-height: 160%;
  padding: 4px 16px;
  background-color: #ffffff;
  border-radius: 4px;
  margin-right: 0.5rem;
  white-space: nowrap;
  border: 1px solid #eeeeee;
}
.userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .videoPlayerContainer--BdACV {
  margin-top: 40px;
  width: 53%;
  max-width: 684px;
}
@media screen and (min-width: 1232px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .videoPlayerContainer--BdACV {
    margin-right: 48px;
  }
}
@media screen and (min-width: 1280px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .videoPlayerContainer--BdACV {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 768px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .videoPlayerContainer--BdACV {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .videoPlayerContainer--BdACV {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN {
    z-index: 2;
    background: transparent;
    top: 15%;
  }
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionWrapper--tAyM9 {
    text-align: center;
  }
  .userProfileBuilder--lzeQU .profileDescriptionContainer--RuIWN .profileDescriptionWrapper--tAyM9 .profileDescriptionText--_8GFC {
    color: #ffffff;
    padding: 0 2px;
    max-width: unset;
  }
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 {
    display: flex;
    flex-direction: column-reverse;
    background-color: #f2f2f2;
  }
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv {
    padding: 1rem 1rem 0;
  }
  .userProfileBuilder--lzeQU .profileImgVideoContainer--fYJO1 .emptyDiv--EWRDv .userInfo--UIFAN {
    position: unset;
    max-width: unset;
  }
}

/**color by character**/
.flex-center--Z1wkM {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--c99VQ {
  overflow: hidden;
}
.inlineSvg--ZrJkz {
  display: flex;
  align-items: center;
  justify-content: center;
}
.htmlContent--Avb50 {
  display: flex;
  align-items: center;
  justify-content: center;
}

/**color by character**/
.flex-center--_jiQ6 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--mVCSk {
  overflow: hidden;
}
.videoContainer--Z6UVa {
  position: relative;
  height: var(--container-height, auto);
  border-radius: var(--video-border-radius, 0);
}
.modalVideo--Q9wvy {
  width: 100%;
  border-radius: 8px;
  height: var(--container-height, auto);
  aspect-ratio: var(--video-aspect-ratio, unset);
  object-fit: fill;
}
@media only screen and (max-width: 480px) {
  .modalVideo--Q9wvy {
    border-radius: 0;
  }
}
.playBtnBg--W4qYq {
  width: 100%;
  height: 100%;
}
.playBtnBg--W4qYq,
.btnImage--KB1or {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.hideControls--LEszP .modalVideo--Q9wvy::-webkit-media-controls-enclosure {
  display: none;
}
.hideControls--LEszP .modalVideo--Q9wvy:hover::-webkit-media-controls-enclosure {
  display: inherit;
}
.hideControls--LEszP:hover .btnImage--KB1or,
.hideControls--LEszP:hover .playBtnBg--W4qYq {
  display: none;
}
.hideContainer--V9pVk {
  opacity: 0;
  display: none;
}
.fyImg--eVvDU {
  height: var(--container-height, auto);
  --border-radius-skeleton: 8px;
}
.showContainer--i3iGd {
  opacity: 1;
  height: var(--container-height, auto);
  display: block;
}

/**color by character**/
.flex-center--DEVrg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--hdlDc {
  overflow: hidden;
}
.card--fuY2m {
  z-index: unset;
  position: relative;
  width: 100%;
  height: fit-content;
  background-color: #ececec;
  overflow: hidden;
  border-radius: var(--border-radius-skeleton);
}
.card--fuY2m canvas {
  display: block;
  width: 100%;
  transform: translateX(-100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.5)), to(transparent));
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading--mb1Mz 0.8s infinite;
}
@media only screen and (max-width: 768px) {
  .card--fuY2m canvas {
    display: none;
  }
}
.card--fuY2m .mobileCanvas--JvUXr {
  display: none;
}
@media only screen and (max-width: 768px) {
  .card--fuY2m .mobileCanvas--JvUXr {
    display: block;
  }
}
@keyframes loading--mb1Mz {
  100% {
    transform: translateX(100%);
  }
}

.fyImg--ATT_L {
  width: 100%;
  border-radius: var(--image-border-radius, 0);
  aspect-ratio: var(--image-aspect-ratio, unset);
  height: 100%;
}
.imageLoading--Tlfem {
  position: relative;
}
.imageLoading--Tlfem .image--FDKn2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.skeleton--fSAXp {
  position: relative;
}
.imageLoaded--App2Q {
  width: var(--image-width, auto) !important;
  display: unset !important;
  aspect-ratio: var(--image-aspect-ratio, unset);
  height: var(--image-height, auto) !important;
}
.imageLoaded--App2Q .image--FDKn2 {
  position: relative;
  z-index: unset;
}
.imageLoaded--App2Q .image--FDKn2 {
  position: relative;
  z-index: unset;
}
.imageLoaded--App2Q .skeleton--fSAXp {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.arrow--N3BpB {
  fill: var(--color);
}
.up--kMhUV {
  transform: rotate(-90deg);
}
.down--sUsWr {
  transform: rotate(90deg);
}
.left--cUQDH {
  transform: rotate(180deg);
}

.shimmer--hYHmH {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer--hYHmH 1.4s ease infinite;
}
@keyframes shimmer--hYHmH {
  0% {
    background-position: -400% 0;
  }
  100% {
    background-position: 400% 0;
  }
}

/**color by character**/
.flex-center--r2ROF {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--sOroP {
  overflow: hidden;
}
.sliderWrapperPb--UgKrJ {
  position: fixed;
  top: 0;
  right: 0;
  width: 456px;
  height: 100%;
  background-color: #fff;
  box-shadow: -3px 0 5px rgba(0, 0, 0, 0.2);
  z-index: 20;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .sliderWrapperPb--UgKrJ {
    width: 100%;
  }
}
.sliderWrapperPb--UgKrJ.bottomSheetPb--yTkbM {
  bottom: 0;
  right: 0;
  max-height: 100%;
  height: auto;
  top: auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow-x: hidden;
}
@media only screen and (max-width: 480px) {
  .sliderWrapperPb--UgKrJ.bottomSheetPb--yTkbM {
    left: 0;
    max-height: 90vh;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sliderWrapperPb--UgKrJ.bottomSheetPb--yTkbM .sliderHeaderPb--XBwIa {
    padding: 22px 16px;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    color: #211a1e;
    font-weight: 500;
    position: sticky;
    box-shadow: 0 2px 8px rgba(166, 163, 165, 0.15);
    background: #fff;
    width: 100%;
    border-radius: 16px 16px 0 0;
    box-sizing: border-box;
    z-index: 0;
  }
}
.sliderWrapperPb--UgKrJ .sliderHeaderPb--XBwIa {
  display: flex;
  padding: 48px 48px 24px 48px;
  box-shadow: 0 2px 8px 0 rgba(166, 163, 165, 0.15);
  gap: 8px;
  align-items: center;
  z-index: 9999;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #211a1e;
}
.sliderWrapperPb--UgKrJ .sliderHeaderPb--XBwIa.rightIconPb--AqKZ5 {
  justify-content: space-between;
}
.sliderWrapperPb--UgKrJ .sliderHeaderPb--XBwIa .sliderIconPb--IyVWK {
  display: flex;
  align-items: center;
}
.sliderWrapperPb--UgKrJ .sliderHeaderPb--XBwIa .sliderIconPb--IyVWK .showBackButton--YUx5G {
  padding-left: 16px;
}
.sliderWrapperPb--UgKrJ .sliderContentPb--bTv7S {
  height: calc(100% - 170px);
  overflow-y: hidden;
}
@media only screen and (max-width: 480px) {
  .sliderWrapperPb--UgKrJ .sliderContentPb--bTv7S {
    height: calc(100% - 120px);
  }
}
.sliderWrapperPb--UgKrJ .sliderContentPb--bTv7S.noBottomPb--a6KZf {
  height: 100%;
}
.sliderWrapperPb--UgKrJ .sliderBottomPb--E6_jD {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 456px;
  z-index: 10;
  flex-direction: column;
  background: #fff;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  gap: 16px;
  z-index: 1;
  padding: unset;
  box-shadow: 0 4px 20px rgba(166, 163, 165, 0.2);
}
@media only screen and (max-width: 480px) {
  .sliderWrapperPb--UgKrJ .sliderBottomPb--E6_jD {
    width: 100%;
    padding: unset;
  }
}
.sliderOverlay--yCwij {
  transition: all 0.25s ease;
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  width: 100vw;
  z-index: 11;
  background: rgba(33, 26, 30, 0.49);
}
.crossButtonPb--KjTOV {
  cursor: pointer;
}

.htmlContent--f9tyM html {
  box-sizing: initial;
}
.htmlContent--f9tyM body {
  margin: 8px;
  line-height: normal;
}
.htmlContent--f9tyM p {
  margin: 1em 0;
}
.htmlContent--f9tyM a {
  color: revert;
}
.htmlContent--f9tyM hr {
  border: 1px inset;
  box-sizing: border-box;
  margin: 0.5em autl;
}
.htmlContent--f9tyM h1 {
  font-size: 2em;
  font-weight: 700;
  margin: 0.67em 0;
}
.htmlContent--f9tyM h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0.83em 0;
}
.htmlContent--f9tyM h3 {
  font-size: 1.17em;
  font-weight: 700;
  margin: 1em 0;
}
.htmlContent--f9tyM h4 {
  font-size: 1em;
  font-weight: 700;
  margin: 1.33em 0;
}
.htmlContent--f9tyM h5 {
  font-size: 0.83em;
  font-weight: 700;
  margin: 1.67em 0;
}
.htmlContent--f9tyM h6 {
  font-size: 0.67em;
  font-weight: 700;
  margin: 0.83em 0;
}
.htmlContent--f9tyM table {
  border-collapse: initial;
  border-spacing: 2px;
  border-color: grey;
}
.htmlContent--f9tyM tbody,
.htmlContent--f9tyM tfoot,
.htmlContent--f9tyM thead,
.htmlContent--f9tyM tr {
  border-color: inherit;
  vertical-align: middle;
}
.htmlContent--f9tyM td,
.htmlContent--f9tyM th {
  padding: 1px;
  vertical-align: inherit;
}
.htmlContent--f9tyM th {
  font-weight: 700;
}
.htmlContent--f9tyM caption {
  text-align: center;
}
.htmlContent--f9tyM menu,
.htmlContent--f9tyM ul {
  list-style-type: disc;
  margin: 1em 0;
  padding: 0 0 0 40px;
}
.htmlContent--f9tyM ol {
  list-style-type: decimal;
  margin: 1em 0;
  padding: 0 0 0 40px;
}
.htmlContent--f9tyM ol ul,
.htmlContent--f9tyM ul ul {
  list-style-type: circle;
}
.htmlContent--f9tyM ol ol ul,
.htmlContent--f9tyM ol ul ul,
.htmlContent--f9tyM ul ol ul,
.htmlContent--f9tyM ul ul ul {
  list-style-type: square;
}

/**color by character**/
.flex-center--GHRuQ {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--MIfB4 {
  overflow: hidden;
}
.singleSelectContainer--DKVfm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  column-gap: 16px;
  flex-direction: column;
  row-gap: 12px;
}
@media only screen and (max-width: 480px) {
  .singleSelectContainer--DKVfm {
    row-gap: 1rem;
    padding: 1rem 0 1.25rem;
    justify-content: space-between;
  }
}
.optionContainer--io7ht {
  height: 48px;
}
@media only screen and (max-width: 480px) {
  .optionContainer--io7ht {
    width: 100%;
    height: 44px;
  }
}
.optionContainer--io7ht:hover {
  cursor: pointer;
}

/**color by character**/
.flex-center--ksQaw {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--mVCiW {
  overflow: hidden;
}
.radioContainer--RFj7R {
  width: 16px;
}
.optionSection--fgaMK {
  display: flex;
  height: 100%;
  padding: 0.5rem;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  gap: 8px;
  align-items: center;
}
.optionText--ITF8i {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (max-width: 480px) {
  .optionText--ITF8i {
    font-size: 0.75rem;
  }
}
.radio--GmLXC {
  height: 1rem;
  width: 1rem;
  display: flex;
  border: 1px solid #a6a3a5;
  border-radius: 8px;
  box-sizing: border-box;
}
.selected--NWvoh {
  background: #fcf2ef;
  border: 1px solid #f8e1d9;
}
.selected--NWvoh .optionText--ITF8i {
  font-weight: 500;
}
.selected--NWvoh .radio--GmLXC {
  border: 0.3rem solid #211a1e;
}

/**color by character**/
.flex-center--Zl2Um {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--ad_qk {
  overflow: hidden;
}
.multiSelectContainer--D42Ne {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
  column-gap: 16px;
  flex-direction: column;
  row-gap: 12px;
}
@media only screen and (max-width: 480px) {
  .multiSelectContainer--D42Ne {
    row-gap: 1rem;
    padding: 1rem 0 1.25rem;
    justify-content: space-between;
  }
}
.optionContainer--sEPCp {
  height: 48px;
}
@media only screen and (max-width: 480px) {
  .optionContainer--sEPCp {
    width: 100%;
    height: 44px;
  }
}
.optionContainer--sEPCp:hover {
  cursor: pointer;
}

/**color by character**/
.flex-center--Q4EfB {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--wUI8i {
  overflow: hidden;
}
.checkmarkContainer--xnAab {
  width: 16px;
}
.optionSection--WE5Wi {
  height: 100%;
  padding: 0.5rem;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #dbdadb;
  display: flex;
  gap: 8px;
  align-items: center;
}
.optionText--xWnec {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (max-width: 480px) {
  .optionText--xWnec {
    font-size: 0.75rem;
  }
}
.checkmark--XAd8J {
  display: flex;
  height: 15px;
  width: 15px;
  border: 1px solid #dbdadb;
  border-radius: 6px;
  box-sizing: content-box;
  position: relative;
}
.checkmark--XAd8J::after {
  content: '';
  box-sizing: content-box;
  margin-left: 5px;
  margin-top: 2px;
  width: 3px;
  height: 6px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background-color: #211a1e;
  display: none;
}
@media only screen and (max-width: 480px) {
  .checkmark--XAd8J::after {
    top: 16px;
  }
}
.selected--KjgGC {
  background: #fcf2ef;
  border: 1px solid #f8e1d9;
}
.selected--KjgGC .optionText--xWnec {
  font-weight: 500;
}
.selected--KjgGC .checkmark--XAd8J {
  background-color: black;
}
.selected--KjgGC .checkmark--XAd8J::after {
  display: block;
}

/**color by character**/
.flex-center--efdBf {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--tGiza {
  overflow: hidden;
}
.answerPreviewItem--lWDhi {
  margin-bottom: 80px;
}
.answerPreviewItem--lWDhi .previewMessage--vLBPm {
  padding: 16px 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .previewMessage--vLBPm {
    padding: 16px;
  }
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c {
  padding: 16px 48px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c {
    padding: 16px;
  }
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s .steps--zmuDp {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s .steps--zmuDp {
    font-size: 10px;
  }
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s .steps--zmuDp .totalQuestion--zc2nh {
  color: #908c8e;
  font-weight: 400;
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s .editAnswer--M6HPf {
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .questionNumberEdit--W3p_s .questionTitle--SR2_F {
    font-weight: 500;
  }
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .answerRow--FQrTX {
  display: flex;
  column-gap: 12px;
  flex-wrap: wrap;
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .answerRow--FQrTX .answerItem--HgRPk {
  background: #fcf2ef;
  border: 1px solid #f8e1d9;
  display: inline-flex;
  padding: 12px;
  margin-top: 12px;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .answerRow--FQrTX .answerItem--HgRPk {
    padding: 12px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .answerBox--QXe9c .answerRow--FQrTX .answerText--GpMEp {
    font-size: 12px;
    line-height: 15.6px;
  }
}
.answerPreviewItem--lWDhi .answerContent--Viorr .answerContainer--xeI_S .borderLine--JJBsX {
  border: 1px solid #000000;
  opacity: 0.1;
}
.answerPreviewItem--lWDhi .btnContainer--X6xUt {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  padding: 16px 48px;
  box-shadow: 0px -4px 12px 0px #a6a3a526;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .btnContainer--X6xUt {
    padding: 16px;
  }
}
.answerPreviewItem--lWDhi .btnContainer--X6xUt .btnPrimary--JLWdk {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  line-height: 22.4px;
  background-color: #211a1e;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .answerPreviewItem--lWDhi .btnContainer--X6xUt .btnPrimary--JLWdk {
    height: 2.5rem;
  }
}

/**color by character**/
.flex-center--J0c9z {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--TE0DE {
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .quizContainer--WgO4N .slider-header {
    padding: 16px;
  }
}
.quizContainer--WgO4N .slider-content {
  overflow-y: auto !important;
}
.quizCompleteMode--HevGY .slider-content {
  overflow-y: hidden !important;
}
@media only screen and (max-width: 480px) {
  .quizCompleteMode--HevGY .slider-content {
    overflow-y: auto !important;
  }
}
.showQuizIntro--DGfpG .slide-wrapper {
  background: linear-gradient(to bottom, white 45%, #FCF2EF 45%);
}
.showQuizIntro--DGfpG .slider-bottom {
  background: #FCF2EF;
}
.showQuizIntro--DGfpG .slider-content {
  overflow-y: hidden !important;
  margin-top: 40px;
}
@media only screen and (max-width: 480px) {
  .showQuizIntro--DGfpG .slider-content {
    overflow-y: auto !important;
    margin-top: 0px;
  }
}
.separator--LLkUl {
  border: 1px solid #ffff;
}
.questionContainer--poB8E {
  height: 100%;
  margin-bottom: 96px;
}
.questionContainer--poB8E .quizSection--xfmWN {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .questionContainer--poB8E .quizSection--xfmWN {
    overflow-y: auto;
  }
}
.questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU {
  padding: 16px 48px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 480px) {
  .questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU {
    padding: 1rem;
  }
}
.questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU .qHeader--Bv4_U {
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
}
.questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU .qHeaderSub--r8a5u {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #a9a9a9;
}
@media only screen and (max-width: 480px) {
  .questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU .qHeaderSub--r8a5u {
    font-size: 0.75rem;
  }
}
.questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU .qStep--WsfEB {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #a9a9a9;
}
@media only screen and (max-width: 480px) {
  .questionContainer--poB8E .quizSection--xfmWN .questionSection--oKvXU .qStep--WsfEB {
    font-size: 12px;
    line-height: 18px;
  }
}
.introSplashScreen--swiJ0 {
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .introSplashScreen--swiJ0 {
    height: calc(100% - 27px);
  }
}
.introSplashScreen--swiJ0 .introHeader--g1DTn {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: 16px;
  justify-content: flex-end;
}
.introSplashScreen--swiJ0 .introHeader--g1DTn .subtitle--R_Pq_ {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr {
  display: flex;
  flex-direction: column;
  height: calc(100% - 70px);
  justify-content: flex-start;
  object-fit: contain;
  box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .introSplashScreen--swiJ0 .quizIntroScreen--Tiobr {
    height: calc(100% - 87px);
    gap: 5px;
  }
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .banner--SNBFr {
  display: flex;
  height: 80%;
}
@media only screen and (max-width: 480px) {
  .introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .banner--SNBFr {
    height: calc(100% - 4rem);
  }
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .banner--SNBFr img {
  margin: 24px auto;
  width: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 480px) {
  .introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .banner--SNBFr img {
    padding: 0 24px;
  }
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .richText--nrcex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .richText--nrcex .heading--NhQnx {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.introSplashScreen--swiJ0 .quizIntroScreen--Tiobr .richText--nrcex .desc--S8Pll {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  width: 343px;
  margin: auto;
}
.footerSection--Xyolo {
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: 500;
}
.footerSection--Xyolo .qDescriptionStrip--f4FtV {
  padding: 16px 48px;
  background: #f8e1d9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .footerSection--Xyolo .qDescriptionStrip--f4FtV {
    padding: 16px;
  }
}
.footerSection--Xyolo .qDescriptionStrip--f4FtV .stripText--UJt7G {
  line-height: 22px;
}
@media only screen and (max-width: 480px) {
  .footerSection--Xyolo .qDescriptionStrip--f4FtV .stripArrow--bUScP {
    transform: rotate(270deg);
  }
}
@media only screen and (max-width: 480px) {
  .footerSection--Xyolo .qDescriptionStrip--f4FtV .rightArrow--LCiQA {
    transform: rotate(270deg);
  }
}
.footerSection--Xyolo .nextButtons--nLqTy {
  display: flex;
  gap: 16px;
  padding: 16px 48px;
  box-shadow: 0px -4px 12px 0px #a6a3a526;
}
@media only screen and (max-width: 480px) {
  .footerSection--Xyolo .nextButtons--nLqTy {
    padding: 16px;
  }
}
.footerSection--Xyolo .nextButtons--nLqTy .btnPrimary--ScyKk,
.footerSection--Xyolo .nextButtons--nLqTy .btnSecondary--pMfQ9 {
  width: 100%;
  height: 48px;
  font-size: 14px;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  line-height: 22.4px;
  background-color: #211a1e;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #211a1e;
}
@media only screen and (max-width: 480px) {
  .footerSection--Xyolo .nextButtons--nLqTy .btnPrimary--ScyKk,
  .footerSection--Xyolo .nextButtons--nLqTy .btnSecondary--pMfQ9 {
    height: 2.5rem;
  }
}
.footerSection--Xyolo .nextButtons--nLqTy .btnPrimary--ScyKk.disabled--H_FO3,
.footerSection--Xyolo .nextButtons--nLqTy .btnSecondary--pMfQ9.disabled--H_FO3 {
  pointer-events: none;
  background-color: #b9b4b0;
  border: 1px solid #b9b4b0;
  cursor: not-allowed;
}
.footerSection--Xyolo .nextButtons--nLqTy .btnSecondary--pMfQ9 {
  background-color: #ffffff;
  color: #211a1e;
}
.footerSection--Xyolo .introButton--R84Eb button {
  display: flex;
  width: 90%;
  padding: 14px 24px 13px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #211a1e;
  color: white;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
  border: none;
  height: 40px;
}
.footerSection--Xyolo .introTreatsStrip--rXJjR {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  background: linear-gradient(270deg, #dfd2c1 -78.3%, #c16d68 52.66%);
  color: white;
}
.quizCompleteSlider--hPAhr {
  height: 100%;
}
.quizCompleteSlider--hPAhr .completeSuccessMsg--sleYB {
  padding: 16px 48px;
}
.quizCompleteSlider--hPAhr .completeSuccessMsg--sleYB img {
  margin-bottom: 16px;
}
.quizCompleteSlider--hPAhr .completeSuccessMsg--sleYB .completedText--aHPNH {
  line-height: 24px;
}
.quizCompleteSlider--hPAhr .completeSuccessMsg--sleYB .completedText--aHPNH .header--rb86E {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 8px;
}
.quizCompleteSlider--hPAhr .completeSuccessMsg--sleYB .completedText--aHPNH .desc--S8Pll {
  font-weight: 300;
  font-size: 14px;
}
.quizCompleteSlider--hPAhr .borderLine--JzhyQ {
  border: 1px solid #000000;
  opacity: 0.1;
}
@media only screen and (max-width: 480px) {
  .notchHeader--eF3Je {
    position: fixed;
    width: 100%;
    background: #fcf3f0;
    height: 24px;
    border-radius: 10px;
    border-top-left-radius: 76px;
    border-top-right-radius: 76px;
  }
}
.notchpb--tFsAU {
  display: none;
}
@media only screen and (max-width: 480px) {
  .notchpb--tFsAU {
    display: block;
    height: 5px;
    background-color: #211a1e;
    width: 134px;
    position: absolute;
    top: 2px;
    left: 33%;
    border-radius: 100px;
  }
}
.quizReviewContainer--M96GD {
  padding: 30px 40px 24px 40px;
  background-color: #fcf3f0;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .quizReviewContent--eZ4l1 {
    overflow-y: auto;
    height: 100%;
  }
  .quizReviewContainer--M96GD .quizReviewContent--eZ4l1::-webkit-scrollbar {
    width: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD {
    padding: 32px 16px 16px 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
}
.quizReviewContainer--M96GD .headerTitle--PBy9f {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .headerTitle--PBy9f {
    font-size: 12px;
  }
}
.quizReviewContainer--M96GD .mainTitle--CXwlD {
  display: none;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .mainTitle--CXwlD {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc {
  display: flex;
  gap: 16px;
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 4px;
  height: 154px;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H {
    height: 148px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP .goalHeader--feLZA .goalType--TFI6v {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP .goalHeader--feLZA .goalType--TFI6v {
    font-size: 10px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP .goalHeader--feLZA .goalValue--Yxt52 {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP .goalHeader--feLZA .goalValue--Yxt52 {
    font-size: 14px;
    line-height: 22px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalTop--ZbSVP img {
    width: 40px;
    height: 40px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalBottom--m3maN .title--PwJ6R {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #908c8e;
}
@media only screen and (max-width: 480px) {
  .quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalBottom--m3maN .title--PwJ6R {
    font-size: 10px;
  }
}
.quizReviewContainer--M96GD .goalsContainer--FTuuc .goal--eYS8H .goalBottom--m3maN .subTitle--ALKhg {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
}
.interests--QWUaZ {
  padding: 12px;
  border-radius: 4px;
  background-color: #ffffff;
  display: flex;
  gap: 4px;
  margin-top: 10px;
  flex-direction: column;
  margin-top: 16px;
}
.interests--QWUaZ .title--PwJ6R {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #908c8e;
}
.interests--QWUaZ .subTitle--ALKhg {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (max-width: 480px) {
  .interests--QWUaZ .subTitle--ALKhg {
    line-height: 18px;
  }
}
.inputSummary--tbHif {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  /* InputSummary.module.css */
}
.inputSummary--tbHif h1 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
}
.inputSummary--tbHif p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
}
.inputSummary--tbHif .inputSummary--tbHif {
  margin: 1rem 0;
}
.inputSummary--tbHif .summaryText--cJzAy {
  font-size: 14px;
  line-height: 1.5;
  transition: max-height 0.3s ease;
}
.inputSummary--tbHif .collapsed--BOa1N {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inputSummary--tbHif .expanded--bLdqc {
  display: block;
}
.inputSummary--tbHif .readToggle--dc45v {
  background: none;
  border: none;
  padding: 0;
  margin-top: 0.5rem;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  text-decoration: underline;
}
.userFeatures--ddnp3 {
  padding: 24px 40px 30px 40px;
  background-color: #fcf3f0;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .userFeatures--ddnp3 {
    --mobile-item-count: 1.2;
    --grid-gap-mobile: 8px;
    padding: 16px 8px 16px 0px;
  }
}
.featureType--b0F1U {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 4px;
  max-height: 100px;
}
.featureType--b0F1U .featureTitle--wsEkl {
  display: flex;
  gap: 8px;
}
.featureType--b0F1U .featureTitle--wsEkl img {
  width: 24px;
  height: 24px;
}
.featureType--b0F1U .featureTitle--wsEkl p {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0%;
}
.featureType--b0F1U .featureDesc--VNBN4 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.featureType--b0F1U .featureDesc--VNBN4 p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.quizReviewButtons--jPiUd {
  display: flex;
  gap: 12px;
  padding: 16px 48px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0%;
}
@media only screen and (max-width: 480px) {
  .quizReviewButtons--jPiUd {
    padding: 24px 16px;
  }
}
.quizReviewButtons--jPiUd button {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  height: 48px;
  font-size: 0.845rem;
  width: 100%;
}
.quizReviewButtons--jPiUd button:last-child {
  background-color: #211a1e;
  color: #ffffff;
  border: none;
}
.fillDetail--cVbp_ {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}
.fillDetail--cVbp_ span {
  text-decoration: underline;
}
.userStateContainer--shvyO {
  padding: 14px 12px;
  gap: 12px;
  width: 100%;
  max-width: 537px;
  display: flex;
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  align-items: center;
  cursor: pointer;
  margin-top: 16px;
}
@media only screen and (max-width: 480px) {
  .userStateContainer--shvyO {
    max-height: 76px;
  }
}
.userStateContainer--shvyO .imageSwatch--Dl_8P {
  position: relative;
  width: 77px;
}
.userStateContainer--shvyO .imageSwatch--Dl_8P img {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: 2px solid white;
}
.userStateContainer--shvyO .imageSwatch--Dl_8P img:last-child {
  position: absolute;
  left: 30%;
}
.userStateContainer--shvyO .quizCta--amQ9b {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 4px;
  width: 100%;
}
.userStateContainer--shvyO .quizCta--amQ9b .quizCtaText--ARhq8 {
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .userStateContainer--shvyO .quizCta--amQ9b .quizCtaText--ARhq8 {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}
.userStateContainer--shvyO .quizCta--amQ9b .quizStateMessage--gEtiu {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #848484;
  letter-spacing: 0%;
}
@media only screen and (max-width: 480px) {
  .userStateContainer--shvyO .quizCta--amQ9b .quizStateMessage--gEtiu {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }
}
.quizReviewSlider--jeGEJ .slider-content {
  overflow-y: auto !important;
}
@media only screen and (max-width: 480px) {
  .quizReviewSlider--jeGEJ .slider-content {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: calc(100% - 96px);
  }
}

/**color by character**/
.flex-center--nhL4N {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--m6gax {
  overflow: hidden;
}
.quizInfoContainer--BsnCp .slider-overlay {
  z-index: 20;
}
.quizOptionInfo--T2rK4 p {
  line-height: 22px;
  margin: 0 0 16px 0;
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 p {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.quizOptionInfo--T2rK4 strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 strong {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.quizOptionInfo--T2rK4 {
  padding: 16px 48px;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 {
    padding: 16px;
  }
}
.quizOptionInfo--T2rK4 .header--APpXk {
  display: none;
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 .header--APpXk {
    display: block;
    font-size: 0.825rem;
    font-weight: 500;
    line-height: 22px;
    padding-bottom: 12px;
  }
}
.quizOptionInfo--T2rK4 .highlightedInfo--IkRjH {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 12px;
  margin-bottom: 16px;
  background: #faedba;
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 .highlightedInfo--IkRjH {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
@media only screen and (max-width: 480px) {
  .quizOptionInfo--T2rK4 .quizInfo--kf52z {
    margin-bottom: 100px;
  }
}
.footerSection--aEF8M {
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
  font-weight: 500;
}
.footerSection--aEF8M .nextButtons--Wc3Bx {
  display: flex;
  gap: 16px;
  padding: 16px 48px;
  box-shadow: 0px -4px 12px 0px #a6a3a526;
}
@media only screen and (max-width: 480px) {
  .footerSection--aEF8M .nextButtons--Wc3Bx {
    padding: 16px;
  }
}
.footerSection--aEF8M .nextButtons--Wc3Bx .btnPrimary--qfga1,
.footerSection--aEF8M .nextButtons--Wc3Bx .btnSecondary--nYLj2 {
  width: 100%;
  height: 48px;
  font-size: 14px;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  line-height: 22.4px;
  background-color: #211a1e;
}
.footerSection--aEF8M .nextButtons--Wc3Bx .btnPrimary--qfga1.disabled--IkNx2,
.footerSection--aEF8M .nextButtons--Wc3Bx .btnSecondary--nYLj2.disabled--IkNx2 {
  pointer-events: none;
  background-color: #b9b4b0;
  cursor: not-allowed;
}
@media only screen and (max-width: 480px) {
  .footerSection--aEF8M .nextButtons--Wc3Bx .btnPrimary--qfga1,
  .footerSection--aEF8M .nextButtons--Wc3Bx .btnSecondary--nYLj2 {
    height: 2.5rem;
  }
}
.footerSection--aEF8M .nextButtons--Wc3Bx .btnSecondary--nYLj2 {
  background-color: #ffffff;
  color: #211a1e;
  border: 1px solid #211a1e;
}

/**color by character**/
.flex-center--iTRTH {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--eLqor {
  overflow: hidden;
}
.submitSuccessToast--cLhWI {
  align-items: center;
  padding: 8px 10px 6px 8px;
  border-radius: 4px;
  border: 1px solid #efecec;
  width: 97%;
  margin-bottom: 20px;
  font-weight: 400;
  gap: 5px;
  font-size: 13px;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  margin: 13px 11px 18px 8px;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .submitSuccessToast--cLhWI {
    font-size: 12px;
    justify-content: center;
  }
}
.quizCompleteSlider--_oPj5 {
  height: 100%;
}
.quizCompleteSlider--_oPj5 .treatsRewardStrip--MFzgq {
  color: #fff;
  font-size: 12px;
  background: linear-gradient(270deg, #dfd2c1 -78.3%, #c16d68 52.66%);
  line-height: 18px;
  height: 32px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.quizCompleteSlider--_oPj5 .completeSuccessMsg--CQCdp {
  display: flex;
  padding: 16px 48px;
  height: 100%;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .quizCompleteSlider--_oPj5 .completeSuccessMsg--CQCdp {
    height: 100%;
    padding: 1rem;
  }
}
.quizCompleteSlider--_oPj5 .completeSuccessMsg--CQCdp img {
  margin-bottom: 20px;
  margin: 0 auto;
}
.quizCompleteSlider--_oPj5 .completeSuccessMsg--CQCdp .heading--ZBykV {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
}
.quizCompleteSlider--_oPj5 .completeSuccessMsg--CQCdp .subHeading--JDDiT {
  font-size: 14px;
  line-height: 24px;
}
.quizCompleteSlider--_oPj5 .borderLine--rlh03 {
  border: 1px solid #000000;
  opacity: 0.1;
}

/**color by character**/
.flex-center--uvQD_ {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--M0Z_s {
  overflow: hidden;
}
.quitContainer--xklgI .slider-overlay {
  z-index: 20;
}
.quitContainer--xklgI .slider-content {
  height: auto;
}
.quitContainer--xklgI .slider-bottom {
  position: relative;
  box-shadow: 0 -4px 12px 0 #a6a3a526;
}
.confirmationSlider--xIBjA {
  padding: 16px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 480px) {
  .confirmationSlider--xIBjA {
    padding: 16px;
  }
}
.confirmationSlider--xIBjA .warningText--GcPUv {
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (max-width: 480px) {
  .confirmationSlider--xIBjA .warningText--GcPUv {
    font-size: 14px;
  }
}
.confirmationSlider--xIBjA .treatText--dsN46,
.confirmationSlider--xIBjA .shopText--xDy40 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 480px) {
  .confirmationSlider--xIBjA .treatText--dsN46,
  .confirmationSlider--xIBjA .shopText--xDy40 {
    font-size: 12px;
    line-height: 18px;
  }
}
.confirmationSlider--xIBjA .treatText--dsN46 {
  height: 56px;
  border-radius: 4px;
  background: linear-gradient(270deg, #fff3dd 0%, rgba(255, 243, 221, 0.5) 48.5%, rgba(255, 255, 255, 0) 100%);
}
.confirmationSlider--xIBjA .shopText--xDy40 {
  height: 56px;
  border-radius: 4px;
  background: linear-gradient(270deg, #f4e2df 0%, rgba(244, 226, 223, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
}
.footerSection--zBw3o {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 0.875rem;
}
@media only screen and (max-width: 480px) {
  .footerSection--zBw3o {
    position: relative;
  }
}
.footerSection--zBw3o .nextButtons--r517W {
  display: flex;
  gap: 16px;
  padding: 16px 48px;
  box-shadow: 0px -4px 12px 0px #a6a3a526;
}
@media only screen and (max-width: 480px) {
  .footerSection--zBw3o .nextButtons--r517W {
    padding: 16px;
  }
}
.footerSection--zBw3o .nextButtons--r517W .btnPrimary--NiJWj,
.footerSection--zBw3o .nextButtons--r517W .btnSecondary--SfKab {
  width: 100%;
  height: 48px;
  font-size: 14px;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  line-height: 22.4px;
  background-color: #211a1e;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #211a1e;
  cursor: pointer;
}
.footerSection--zBw3o .nextButtons--r517W .btnPrimary--NiJWj.disabled--MxG9L,
.footerSection--zBw3o .nextButtons--r517W .btnSecondary--SfKab.disabled--MxG9L {
  pointer-events: none;
  background-color: #b9b4b0;
  cursor: not-allowed;
}
@media only screen and (max-width: 480px) {
  .footerSection--zBw3o .nextButtons--r517W .btnPrimary--NiJWj,
  .footerSection--zBw3o .nextButtons--r517W .btnSecondary--SfKab {
    height: 2.5rem;
  }
}
.footerSection--zBw3o .nextButtons--r517W .btnSecondary--SfKab {
  background-color: #ffffff;
  color: #211a1e;
}

/**color by character**/
.flex-center--xxoL0 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--XCF8N {
  overflow: hidden;
}
.svgContainer--guZCQ:hover .circle--ZXV03 {
  fill: var(--hover-bg-color);
}
.svgContainer--guZCQ:hover .path--kTCUd {
  fill: var(--hover-path-color);
}
.svgContainer--guZCQ .circle--ZXV03,
.svgContainer--guZCQ .path--kTCUd {
  transition: fill 0.3s ease;
  cursor: pointer;
}

/**color by character**/
.flex-center--_QXp4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--vXF4N {
  overflow: hidden;
}
.carousel--Z5Tia,
.mobileCarousel--u1v9Z {
  width: 100%;
  position: relative;
}
.btnNavCat--HzH9_ {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translate(0, -50%);
  background: #ffffff !important;
  box-shadow: 0px 4px 16px rgba(33, 26, 30, 0.1);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.btnNavCat--HzH9_ img {
  cursor: pointer;
  border-radius: 100%;
}
@media only screen and (max-width: 480px) {
  .btnNavCat--HzH9_ {
    display: none;
  }
}
.carousel--Z5Tia .nextBtn--w3cDr,
.mobileCarousel--u1v9Z .nextBtn--w3cDr {
  right: var(--prev-right-margin, -8px);
}
.carousel--Z5Tia .prevBtn--H8FgY,
.mobileCarousel--u1v9Z .prevBtn--H8FgY {
  left: var(--prev-left-margin, -10px);
  transform: translate(0, -50%) scaleX(-1);
}
.hidePrevBtn--CKwPv,
.hideNextBtn--YBXDc {
  display: none;
}
.carousel--Z5Tia .itemWrapper--byVDJ,
.mobileCarousel--u1v9Z .itemWrapper--byVDJ {
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
}
.carousel--Z5Tia .itemWrapper--byVDJ::-webkit-scrollbar,
.mobileCarousel--u1v9Z .itemWrapper--byVDJ::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .carousel--Z5Tia .itemWrapper--byVDJ,
  .mobileCarousel--u1v9Z .itemWrapper--byVDJ {
    padding: 0 16px;
  }
}
.carousel--Z5Tia .itemWrapper--byVDJ.verticalScroll--wPiKE {
  flex-direction: column;
  gap: 24px;
}
.verticalScroll--wPiKE .gridItem--WGr56 {
  --grid-items: 1;
  margin-right: 0;
  max-width: unset;
}
@media only screen and (max-width: 480px) {
  .verticalScroll--wPiKE .gridItem--WGr56 {
    --grid-items: 1;
    margin-right: 0;
    max-width: unset;
  }
}
.gridItem--WGr56 {
  --gridGap: var(--grid-gap-desktop, 16px);
  --gridItems: var(--desktop-item-count);
  --gridGapCount: calc(var(--gridItems) - 1);
  --gridGapSpace: calc(var(--gridGap) * var(--gridGapCount));
  min-width: calc((100% - var(--gridGapSpace)) / var(--gridItems));
  max-width: calc((100% - var(--gridGap) - var(--gridGapSpace)) / var(--gridItems));
  box-sizing: border-box;
  position: relative;
  margin-right: var(--gridGap);
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .gridItem--WGr56 {
    --gridItems: var(--desktop-item-count);
  }
}
@media only screen and (max-width: 768px) {
  .gridItem--WGr56 {
    --gridItems: var(--tablet-item-count, 4);
  }
}
@media only screen and (max-width: 576px) {
  .gridItem--WGr56 {
    --gridItems: 3;
  }
}
@media only screen and (max-width: 480px) {
  .gridItem--WGr56 {
    --gridGap: var(--grid-gap-mobile, 12px);
    --gridItems: var(--mobile-item-count);
  }
}

.shimmer--frNrW {
  display: inline-block;
  width: 100%;
  height: 203px;
  border-radius: 4px;
  background: #f0f0f0;
  /* base color */
  position: relative;
  overflow: hidden;
}
.shimmer--frNrW::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: translateX(-100%);
  animation: shimmer-loading--yMGoW 1.5s infinite;
}
@keyframes shimmer-loading--yMGoW {
  100% {
    transform: translateX(100%);
  }
}

/**color by character**/
.flex-center--HrzeW {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--JMI04 {
  overflow: hidden;
}
.headerSection--TH0G_ {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 24px;
}
@media only screen and (max-width: 480px) {
  .headerSection--TH0G_ {
    padding-bottom: 16px;
  }
}
.headerSection--TH0G_ .sectionTitle--o118B {
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  font-family: 'Schnyder M Web', sans-serif;
}
.jioPlaySection--tKDPb {
  --fw-storyblock-background: transparent;
  --fw-font-family: 'PP Object sans', sans-serif;
  --fw-player-border-radius: var(--border-radius);
  --fw-storyblock-border-radius: var(--border-radius);
  --fw-thumbnail-border-radius: var(--border-radius);
  --fw-thumbnail-gap: 16px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .jioPlaySection--tKDPb {
    margin: 0 16px;
  }
}
.jioPlaySection--tKDPb .bgSection--FWkqm {
  width: 100%;
  height: 88%;
  background: var(--bg-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .jioPlaySection--tKDPb .bgSection--FWkqm {
    display: none;
  }
}
.jioPlaySection--tKDPb .jpSection--saUFw {
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .jioPlaySection--tKDPb .jpSection--saUFw {
    max-width: unset;
    margin: unset;
  }
}
@media only screen and (max-width: 480px) {
  .jioPlaySection--tKDPb {
    --fw-storyblock-border-radius: 0;
  }
}
.jioPlayContainer--9wgcS {
  padding-top: var(--desktop-padding-top);
  padding-bottom: var(--desktop-padding-bottom);
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .jioPlayContainer--9wgcS {
    padding-top: var(--mobile-padding-top);
    padding-bottom: var(--mobile-padding-bottom);
  }
}
.normalBanner--iw8y8 {
  max-width: 1200px;
}
.mediumBanner--ugHSA {
  max-width: 1280px;
}
.largeBanner--lh89j {
  max-width: unset;
}

/**color by character**/
.flex-center--vCDo4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--Iq8bJ {
  overflow: hidden;
}
.captionDesc--IKgol {
  font-family: 'PP Object sans', sans-serif;
  font-size: 16px;
  line-height: 160%;
  color: var(--text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
}
.captionButton--PGseE {
  font-family: 'PP Object sans', sans-serif;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  align-items: center;
  padding-top: 16px;
  color: var(--text-color);
  justify-content: center;
}
.largeText--KnfSU {
  font-size: 20px;
  padding-top: 16px;
  line-height: 140%;
}
@media only screen and (max-width: 480px) {
  .largeText--KnfSU {
    font-size: 16px;
    padding-top: 12px;
  }
}
.captionButton--PGseE {
  font-family: 'PP Object sans', sans-serif;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  align-items: center;
  padding-top: 16px;
}
.items--hSIEn {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.container--P0D1_ {
  padding-top: var(--desktop-padding-top);
  padding-bottom: var(--desktop-padding-bottom);
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .container--P0D1_ {
    padding-top: var(--mobile-padding-top);
    padding-bottom: var(--mobile-padding-bottom);
  }
}
.container--P0D1_ .carouselContainer--pnIzy {
  padding-top: var(--bg-desktop-padding-top);
  padding-bottom: var(--bg-desktop-padding-bottom);
  border-radius: 8px;
}
@media only screen and (max-width: 1200px) {
  .container--P0D1_ .carouselContainer--pnIzy {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .container--P0D1_ .carouselContainer--pnIzy {
    padding: 0;
    border-radius: 0;
    padding-top: var(--bg-mobile-padding-top);
    padding-bottom: var(--bg-mobile-padding-bottom);
  }
}
.container--P0D1_ .carouselBottomContainer--sWe0E {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1200px;
  --desktop-item-count: 3;
  --mobile-item-count: 1.5;
  --tablet-item-count: 3;
  --grid-gap-mobile: 12px;
  --grid-gap-desktop: 24px;
  --prev-left-margin: -25px;
  --prev-right-margin: -20px;
  --image-border-radius: 8px;
}
.container--P0D1_ .carouselBottomContainer--sWe0E .item-wrapper {
  padding: 0 12px;
}
.container--P0D1_ .carouselTopContainer--lIliS {
  color: var(--text-color);
  font-family: PP Object Sans;
  border-radius: 4px;
  font-weight: normal;
  line-height: 160%;
  margin: auto;
  max-width: 1200px;
}
.container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD {
    padding: 0 16px 16px;
  }
}
.container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD .titleWrapper--oo3j4 {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD .titleWrapper--oo3j4 .header--AjUhK {
  line-height: 140%;
}
.container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD .titleWrapper--oo3j4 .subheader--CJeEQ {
  font-size: 18px;
  line-height: 130%;
}
.container--P0D1_ .carouselTopContainer--lIliS .carouselHeader--vD9YD .titleNormal--DMFWN {
  font-family: 'Schnyder M Web', sans-serif;
  font-size: 32px;
  display: inline;
}

/**color by character**/
.flex-center--nygML {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--SN3qB {
  overflow: hidden;
}
.titleBlock--b1qDj {
  padding: 0px 16px 24px 16px;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .titleBlock--b1qDj {
    padding: 0px 21px 16px 16px;
    font-size: 18px;
  }
}
.viewAll--yV4Gc {
  font-family: 'PP Object sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  right: 16px;
  font-size: 14px;
}
@media only screen and (max-width: 480px) {
  .viewAll--yV4Gc {
    font-size: 12px;
  }
}
.linkWrapper--AmYQ1 {
  display: flex;
  align-items: center;
}
.navigationBlock--YtdmY {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  max-width: 1200px;
  padding: 0 16px 24px 16px;
  margin: 0 auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.navigationBlock--YtdmY::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 480px) {
  .navigationBlock--YtdmY {
    margin-bottom: unset;
    padding: 0px 12px 16px 12px;
    justify-content: start;
    height: 30px;
    box-sizing: unset;
  }
}
.navigation--OhSGy {
  background-color: #ffffff;
  padding: 0 16px;
  font-family: 'PP Object sans', sans-serif;
  margin-right: 12px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  color: #211a1e;
  border: 1px #0000001c solid;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.navigation--OhSGy:last-child {
  margin-right: auto;
}
@media only screen and (max-width: 480px) {
  .navigation--OhSGy {
    height: 32px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 8px;
    border-radius: 4px;
  }
  .navigation--OhSGy:last-child {
    margin-right: 0;
  }
}
.activeLink--nQ33N {
  border: 1px #eeeeee solid;
  color: white;
  background-color: black;
  display: flex;
  align-items: center;
}

/**color by character**/
.flex-center--JwXvL {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--zvCzf {
  overflow: hidden;
}
.carouselContainer--uYdhu .grid-item {
  height: auto;
}
.itemWrapper--qYNGL {
  padding: 0 16px;
  padding-right: 0;
  gap: 0;
}
.itemWrapper--qYNGL::after {
  content: '';
  padding-right: 0.02px;
}
@media only screen and (max-width: 480px) {
  .itemWrapper--qYNGL {
    padding: 0 12px;
    padding-right: 0;
    gap: 0;
  }
  .itemWrapper--qYNGL .item--bm6Po.item--bm6Po {
    --gridItems: var(--gridItemsMobile);
  }
}
.gridItem--UfcOh.verticalScroll--FcLW3 {
  --grid-items: 1;
  margin-right: 0;
  max-width: unset;
}
@media only screen and (max-width: 480px) {
  .gridItem--UfcOh.verticalScroll--FcLW3 {
    --grid-items: 1;
    margin-right: 0;
    max-width: unset;
  }
}
.item--bm6Po {
  --gridGap: 16px;
  --gridItems: var(--gridItemsDesktop);
  --gridGapCount: calc(var(--gridItems) - 1);
  --gridGapSpace: calc(var(--gridGap) * var(--gridGapCount));
  min-width: calc((100% - var(--gridGap) - var(--gridGapSpace)) / var(--gridItems));
  max-width: calc((100% - var(--gridGap) - var(--gridGapSpace)) / var(--gridItems));
  box-sizing: border-box;
  position: relative;
  margin-right: var(--gridGap);
}
@media only screen and (max-width: 992px) {
  .item--bm6Po {
    --gridItems: var(--gridItemsDesktop);
  }
}
@media only screen and (max-width: 768px) {
  .item--bm6Po {
    --gridItems: 2.5;
  }
}
@media only screen and (max-width: 576px) {
  .item--bm6Po {
    --gridItems: 2.5;
  }
}
@media only screen and (max-width: 480px) {
  .item--bm6Po {
    --gridGap: 12px;
    --gridItems: var(--gridItemsMobile);
  }
}
.offsetItem--v0zan {
  background: transparent;
}
@media only screen and (max-width: 480px) {
  .offsetItem--v0zan {
    min-width: 40%;
  }
}
@media only screen and (max-width: 992px) {
  .recommendedHorizontalProductCard--qb7Gd {
    --gridItems: 2;
  }
}
@media only screen and (max-width: 768px) {
  .recommendedHorizontalProductCard--qb7Gd {
    --gridItems: 1.75;
  }
}
@media only screen and (max-width: 576px) {
  .recommendedHorizontalProductCard--qb7Gd {
    --gridItems: var(--gridItemsMobile);
  }
}
@media only screen and (max-width: 480px) {
  .recommendedHorizontalProductCard--qb7Gd {
    --gridGap: 12px;
    --gridItems: var(--gridItemsMobile);
  }
}
.recommendedHorizontalProductCard--qb7Gd.itemFourItem--KO0Mc {
  --gridItems: 3;
}
.wishlistHorizontalProductCard--wFOBu.itemFourItem--KO0Mc {
  --gridItems: 2;
}
.noTapHighlight--CvhUH {
  -webkit-tap-highlight-color: transparent;
}

.card--HlyLP {
  background-color: transparent;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .card--HlyLP {
    border-radius: 4px;
  }
}
.card--HlyLP,
.card--HlyLP * {
  box-sizing: border-box;
}
.cardImage--y05Ss {
  height: 300px;
  width: 100%;
}
@media (max-width: 1024px) {
  .cardImage--y05Ss {
    height: 154px;
  }
}
.cardText--T9e2l {
  width: 100%;
  height: 20px;
  margin-top: 4px;
  border-radius: 8px;
}
@media (max-width: 1024px) {
  .cardText--T9e2l {
    height: 16px;
    margin-top: 3px;
  }
}
.cardTextMd--RanMx {
  width: 80%;
}
.cardTextSm--cm4dU {
  width: 20%;
}
@media (max-width: 768px) {
  .cardText--T9e2l {
    border-radius: 20px;
  }
}
.cardButton--WEQ6p {
  height: 48px;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .cardButton--WEQ6p {
    height: 32px;
  }
}
.cardSection--Hf_fk {
  margin: 20px 0;
  width: 100%;
  padding: 0 12px;
}
.cardSectionTwo--t8HlY {
  margin-top: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .cardSectionTwo--t8HlY {
    margin-bottom: 24px;
  }
}
.bordered--r9MuM {
  border: 1px solid #e0e0e0;
}
.cardSectionTwo--t8HlY .cardText--T9e2l {
  border-radius: 8px;
}
@media (max-width: 768px) {
  .cardSectionTwo--t8HlY .cardText--T9e2l {
    border-radius: 20px;
  }
}
.cardSectionTwo--t8HlY .cardTextSm--cm4dU {
  display: none;
}
@media (max-width: 1024px) {
  .cardSectionTwo--t8HlY .cardTextSm--cm4dU {
    display: block;
  }
}
.shimmer--to_U0 {
  background: #fff;
}
.shimmer--to_U0 > *:not(.shimmer--to_U0) {
  position: relative;
  background-color: #f6f7f8;
  overflow: hidden;
}
.shimmer--to_U0 > *:not(.shimmer--to_U0)::after {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading--vUZ30 0.8s infinite;
}
.compactCard--U1YdJ {
  background: transparent !important;
}
.compactCard--U1YdJ .cardSectionTwo--t8HlY {
  display: none;
}
.compactCard--U1YdJ .cardButton--WEQ6p {
  display: none;
}
.compactCard--U1YdJ .shimmer--to_U0 {
  background: transparent !important;
  background-image: unset !important;
}
.compactCard--U1YdJ .cardImage--y05Ss {
  border-radius: 8px;
}
@keyframes loading--vUZ30 {
  100% {
    transform: translateX(100%);
  }
}

/**color by character**/
.flex-center--FiVuO {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--_pDxw {
  overflow: hidden;
}
.iconVto--AIWXx {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 80%;
  left: 5%;
}
.iconVto--AIWXx .vto--wjaSq,
.iconVto--AIWXx .iconMMM--ztZwb {
  border: 1px solid #eeeeee;
  background: #eeeeeed6;
  padding: 4px;
  border-radius: 8px;
  z-index: 2;
  display: flex;
}
.iconVto--AIWXx > img {
  width: 32px;
  height: 32px;
  border: 1px solid #eeeeee;
  background: #eeeeeed6;
  padding: 4px;
  border-radius: 8px;
  z-index: 2;
}
@media only screen and (max-width: 480px) {
  .iconVto--AIWXx {
    left: 5%;
  }
}
.vtoText--nEHdr {
  opacity: 1;
  margin-left: 8px;
  display: inline-block;
  height: calc(100% - 8px);
  border: 1px solid #eeeeee;
  background: #eeeeeed6;
  padding: 4px 0;
  font-family: PP Object Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: auto;
  align-items: center;
  display: flex;
  border-radius: 0 8px 8px 0;
  z-index: 1;
  position: relative;
  left: -5px;
  padding: 4px 8px 4px 5px;
  height: 100%;
  transform: translateX(-100%);
  opacity: 0;
  will-change: transform, opacity;
  visibility: hidden;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}
.productWrapper--IMYl0:hover .vtoText--nEHdr {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}
.cardLoader--on1PC {
  cursor: auto;
}
.productWrapper--IMYl0 {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  background-color: #ffffff;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .productWrapper--IMYl0 {
    padding-top: 8px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 480px) {
  .productWrapper--IMYl0 {
    border-radius: 4px;
  }
}
.productWrapper--IMYl0.bordered--nWi_W {
  border: 1px solid #f8e1d9;
}
.productCard--MMndw {
  box-sizing: border-box;
}
.productCard--MMndw .productDetail--WvbuT {
  padding: 0 16px;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT {
    padding: 0 12px;
  }
}
.productCard--MMndw .productDetail--WvbuT .productRating--Hc9Ri {
  font-size: 14px;
  line-height: 160%;
  color: #211a1e;
  margin-top: 12px;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT .productRating--Hc9Ri {
    margin-top: 8px;
    font-size: 12px;
  }
}
.productCard--MMndw .productDetail--WvbuT .productRating--Hc9Ri.hidden--mkbFr {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.productCard--MMndw .productDetail--WvbuT .productRating--Hc9Ri img {
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT .productRating--Hc9Ri img {
    width: 10px;
    height: 10px;
  }
}
.productCard--MMndw .productDetail--WvbuT h4 {
  color: #9a9a9a;
  font-size: 0.625rem;
  line-height: 160%;
}
.productCard--MMndw .productDetail--WvbuT .productBrand--jEgCD {
  margin-top: 12px;
  font-size: 12px;
  line-height: 160%;
  color: #635e61;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT .productBrand--jEgCD {
    font-size: 12px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .productDetail--WvbuT .productBrand--jEgCD {
    --line-count: 1;
  }
}
.productCard--MMndw .productDetail--WvbuT .productName--COM3K {
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: #211a1e;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 52px;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT .productName--COM3K {
    font-size: 12px;
    min-height: 38px;
    margin-top: 8px;
    height: auto;
  }
}
.productCard--MMndw .productDetail--WvbuT .productPrice--m1TZs,
.productCard--MMndw .productDetail--WvbuT .productPoints--mf_UN {
  margin-top: 8px;
  margin-bottom: 8px;
}
.productCard--MMndw .productDetail--WvbuT .productPrice--m1TZs /deep/ .discountPrice--xrxnE,
.productCard--MMndw .productDetail--WvbuT .productPoints--mf_UN /deep/ .discountPrice--xrxnE {
  font-weight: 500 !important;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .productDetail--WvbuT .productPrice--m1TZs,
  .productCard--MMndw .productDetail--WvbuT .productPoints--mf_UN {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI {
  display: inline-flex;
  background: #f4f4f4;
  padding: 6px 10px;
  border-radius: 20px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #211a1e;
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI {
    font-size: 10px;
    padding: 2px 8px;
    margin-bottom: 0px;
  }
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .offerText--MbZXS {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .offerText--MbZXS {
    gap: 2px;
  }
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .offerText--MbZXS span {
  overflow: hidden;
  white-space: nowrap;
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .pointBreaker--o2S7U {
  width: 2px;
  height: 2px;
  background-color: #211a1e;
  border-radius: 50%;
  margin: auto 6px;
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .pointBreaker--o2S7U {
    margin: auto 4px;
  }
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI .pointBreaker--o2S7U.backward--In5PL {
  background-color: #70450a;
}
.productCard--MMndw .productDetail--WvbuT .offersPromotionWrapper--WuMBI.backwardUi--onjZZ {
  background: linear-gradient(45deg, #e8d9c4, #fffcf5);
  padding: 6px;
  border-radius: 6px;
  color: #70450a;
}
.productCard--MMndw .cardWrapper--Zcf9A {
  -webkit-tap-highlight-color: transparent;
  height: 300px;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .cardWrapper--Zcf9A {
    height: 164px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .cardRating--v0Udk {
  position: absolute;
  display: flex;
  bottom: 10px;
  left: 10px;
  gap: 5px;
}
.productCard--MMndw .cardWrapper--Zcf9A .cardRating--v0Udk p {
  color: #9a9a9a;
  font-size: 12px;
}
.productCard--MMndw .cardWrapper--Zcf9A .cardRating--v0Udk .ratingScore--_cSjB {
  letter-spacing: -0.03em;
}
.productCard--MMndw .cardWrapper--Zcf9A .cardRating--v0Udk .ratingByPerson--M3xFz {
  letter-spacing: -0.05em;
}
.productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw {
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw .imgFav--DlTt7.crossIcon--VubwQ {
  width: 40px;
  height: 40px;
  display: block;
}
.productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw .imgFav--DlTt7.crossIcon--mobile--E_Zjz {
  display: none;
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw .imgFav--DlTt7.crossIcon--VubwQ {
    width: 24px;
    height: 24px;
    display: none;
  }
  .productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw .imgFav--DlTt7.crossIcon--mobile--E_Zjz {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .productCard--MMndw .cardWrapper--Zcf9A .cardFav--VrCQw:not(.isWishlist--BbYeZ) {
    box-sizing: content-box;
    background: #fff;
    border-radius: 50%;
    right: 8px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .expressTagWrapper--in6G7 {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #fff8f8 60%, #c04657 100%);
  border-radius: 4px;
}
.productCard--MMndw .cardWrapper--Zcf9A .expressTagWrapper--in6G7 .expressTag--Em9kp {
  font-size: 12px;
  background: #fff8f8;
  padding: 4px 8px 4px 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 12px;
  white-space: nowrap;
  gap: 4px;
  margin: 2px;
  border-radius: 4px;
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .cardWrapper--Zcf9A .expressTagWrapper--in6G7 .expressTag--Em9kp {
    font-size: 8px;
    gap: 2px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .expressTagWrapper--in6G7 .expressTag--Em9kp .expressTagIcon--PtMfv {
  width: 14px;
  height: 14px;
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .cardWrapper--Zcf9A .expressTagWrapper--in6G7 .expressTag--Em9kp .expressTagIcon--PtMfv {
    width: 10px;
    height: 10px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .tagWrapper--E2hts {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.productCard--MMndw .cardWrapper--Zcf9A .tagWrapper--E2hts .promotionalTag--DwRUq {
  font-size: 12px;
  background: #f2f2f2b2;
  padding: 0 12px;
  border-radius: 4px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: PP Object Sans;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  backdrop-filter: blur(3px);
}
@media only screen and (max-width: 480px) {
  .productCard--MMndw .cardWrapper--Zcf9A .tagWrapper--E2hts .promotionalTag--DwRUq {
    font-size: 10px;
  }
}
.productCard--MMndw .cardWrapper--Zcf9A .productBadge--C1h3N img {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  bottom: 0;
  object-fit: contain;
}
.productCard--MMndw .cardWrapper--Zcf9A .productImage--GzhGN {
  width: 100%;
  height: 100%;
}
.fyImg--RoW1G {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productWrapper--IMYl0:hover .addToBag--c1hGJ {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .productWrapper--IMYl0:hover .addToBag--c1hGJ {
    display: none;
  }
}
.addToBag--c1hGJ,
.notify--f3m7c {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: none;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .addToBag--c1hGJ,
  .notify--f3m7c {
    display: none;
  }
}
.addToBag--c1hGJ.open--_t3RY,
.notify--f3m7c.open--_t3RY {
  display: flex;
}
@media only screen and (max-width: 480px) {
  .addToBag--c1hGJ.open--_t3RY,
  .notify--f3m7c.open--_t3RY {
    display: none;
  }
  .addToBag--c1hGJ.open--_t3RY .addToBagBtn--RDynJ,
  .notify--f3m7c.open--_t3RY .addToBagBtn--RDynJ {
    display: none;
  }
}
.addToBagVariant--xHgXc,
.notifyVariant--jhfJZ {
  flex: 1;
  min-height: 0;
}
.addToBagBtn--RDynJ,
.notifyBtn--xgu3x {
  width: 100%;
  background-color: #211a1e;
  color: #fff;
  font-size: 0.875rem;
  line-height: 160%;
  padding: 13px 0;
  text-align: center;
  border-radius: 0 0 8px 8px;
  border: none;
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  margin: auto 0px 0px 0px;
}
.addToBagBtn--RDynJ.disableBtn--vE_Jz,
.notifyBtn--xgu3x.disableBtn--vE_Jz {
  background-color: #dadada;
}
@media only screen and (max-width: 768px) {
  .open--_t3RY .addToBagBtn--RDynJ {
    display: none;
  }
}
.disabled--ECqNI {
  pointer-events: none;
  opacity: 0;
}
.productVariants--qAy8U {
  color: #635e61;
  font-size: 12px;
  line-height: 160%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 26px;
  margin-top: auto;
  padding: 0 16px;
}
@media only screen and (max-width: 768px) {
  .productVariants--qAy8U {
    height: 20px;
    padding: 0 12px;
    margin-bottom: 10px;
    margin-top: 8px;
    font-size: 10px;
    gap: 4px;
  }
}
.productVariants--qAy8U .currentShade--Q77ow {
  padding: 4px 12px;
  border: 1px solid #eeeeee;
  border-radius: 60px;
  display: flex;
  gap: 0 4px;
  align-items: center;
  min-width: 0;
}
.productVariants--qAy8U .currentShade--Q77ow p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .productVariants--qAy8U .currentShade--Q77ow {
    padding: 2px 6px;
  }
}
.productVariants--qAy8U .currentShade--Q77ow .currentShadeImg--b_sAz {
  height: 12px;
  width: 12px;
}
.productVariants--qAy8U .currentShade--Q77ow p {
  --line-count: 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  margin-top: 2px;
  word-break: break-all;
}
.productVariants--qAy8U .shadeCountImg--scYK8 {
  display: flex;
  align-items: center;
  z-index: 0;
  padding: 4px 12px;
  border: 1px solid #eeeeee;
  border-radius: 60px;
}
@media only screen and (max-width: 768px) {
  .productVariants--qAy8U .shadeCountImg--scYK8 {
    padding: 2px 10px;
  }
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantImgContainer--eUcTV {
  padding: unset;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -6px;
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantImgContainer--eUcTV .variantImg--Idpyw {
  height: 12px;
  width: 12px;
  display: block;
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantImgContainer--eUcTV:nth-child(1) {
  z-index: -1;
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantImgContainer--eUcTV:nth-child(2) {
  z-index: -2;
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantImgContainer--eUcTV:nth-child(3) {
  z-index: -3;
}
.productVariants--qAy8U .shadeCountImg--scYK8 .variantCount--C6mf8 {
  margin-left: 4px;
  margin-top: 2px;
}
.productVariants--qAy8U .variantSizes--Rh5Zs {
  display: flex;
  gap: 8px;
}
.productVariants--qAy8U .sizeVariantCount--cU5eM {
  margin: auto 0;
}
.productVariants--qAy8U .sizeVariantVal--_hhgJ {
  padding: 4px 12px;
  border: 1px solid #eeeeee;
  border-radius: 60px;
}
@media only screen and (max-width: 768px) {
  .productVariants--qAy8U .sizeVariantVal--_hhgJ {
    padding: 2px 10px;
  }
}
.productVariants--qAy8U .currentShadeVal--yzeQm {
  padding: 4px 12px;
  border: 1px solid #eeeeee;
  border-radius: 60px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.productVariants--qAy8U .currentShadeVal--yzeQm .currentShadeColor--Uo07k {
  height: 12px;
  width: 12px;
  border-radius: 50%;
}
.productVariants--qAy8U .currentShadeVal--yzeQm .currentShadeText--W7zwO {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  margin-top: 2px;
}
@media only screen and (max-width: 768px) {
  .productVariants--qAy8U .currentShadeVal--yzeQm {
    padding: 2px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .cardBtnWrapper--mxAoQ {
    margin-top: auto;
  }
}
.notifyMeBtn--IUZSD {
  height: 32px;
  border-top: 1px solid #eeeeee;
  cursor: default;
  display: none;
}
@media only screen and (max-width: 768px) {
  .notifyMeBtn--IUZSD {
    display: flex;
  }
}
.actionIconsMobile--WlSG2 {
  height: 32px;
  margin-top: 12px;
  cursor: default;
  display: none;
}
@media only screen and (max-width: 768px) {
  .actionIconsMobile--WlSG2 {
    display: flex;
    margin-top: 0;
  }
}
.actionIconsMobile--WlSG2 .actionIcon--p1N5b,
.actionIconsMobile--WlSG2 .notifyMeBtn--IUZSD {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #f8e1d9;
}
.actionIconsMobile--WlSG2 .actionIcon--p1N5b img,
.actionIconsMobile--WlSG2 .notifyMeBtn--IUZSD img {
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 6px;
}
.actionIconsMobile--WlSG2 .actionIcon--p1N5b:first-child,
.actionIconsMobile--WlSG2 .notifyMeBtn--IUZSD:first-child {
  border-right: 1px solid #f8e1d9;
}
.actionIconsMobile--WlSG2 .actionIcon--p1N5b:last-child,
.actionIconsMobile--WlSG2 .notifyMeBtn--IUZSD:last-child {
  border: none;
}
.actionIconsMobile--WlSG2 .actionIconWishlistMobile--Q3Rza {
  position: absolute;
  top: 8px;
  right: 8px;
  border-right: none;
}
.actionIconsMobile--WlSG2 .actionIconMobileBtn--jVWm6 {
  background: #211a1e;
  border-radius: 0px 0px 4px 4px;
  height: 32px;
  color: #ffffff;
}
.actionIconsMobile--WlSG2 .actionIconMobileBtn--jVWm6 .notifyMeBtn--IUZSD,
.actionIconsMobile--WlSG2 .actionIconMobileBtn--jVWm6 .actionIconsMobileMoveToBag--rVSR4 {
  background: #211a1e;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
  border: none;
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 4px 4px;
  cursor: pointer;
}
.actionIconsMobile--WlSG2 .actionIconMobileBtn--jVWm6 .notifyMeBtn--IUZSD.disableBtn--vE_Jz,
.actionIconsMobile--WlSG2 .actionIconMobileBtn--jVWm6 .actionIconsMobileMoveToBag--rVSR4.disableBtn--vE_Jz {
  background-color: #dadada;
}
.actionIconsMobileOverlay--yMzxL {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  display: none;
  justify-content: flex-end;
}
.actionIconsMobileOverlay--yMzxL.show--LX0Mn {
  display: flex;
  flex-direction: column;
}
.actionIconsMobileBtnWrapper--il7lu {
  padding: 12px 16px;
  display: flex;
  gap: 16px;
  background: #fff;
  box-shadow: 0px 4px 20px rgba(166, 163, 165, 0.2);
}
.modalWrapper--fRpFU .actionIconsMobileBtn--EQT9N {
  border-radius: 8px;
}
.outOfStockText--IDUpJ {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  background-color: #fff;
  color: #c93220;
  font-size: 16px;
  font-weight: 500;
  padding: 4px 12px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .outOfStockText--IDUpJ {
    font-size: 12px;
    top: 46%;
  }
}

/**color by character**/
.flex-center--q8RDr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--uU4qw {
  overflow: hidden;
}
.productCartPrice--GozMN {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1rem;
  color: #211a1e;
  line-height: 24px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
  .productCartPrice--GozMN {
    font-size: 0.875rem;
  }
}
.discountPrice--pzYcd {
  white-space: nowrap;
  font-weight: 400;
}
.actualPrice--hqdkd {
  color: #a6a3a5;
  font-size: 14px;
  line-height: 160%;
  text-decoration: line-through;
  white-space: nowrap;
  margin-left: 4px;
}
.discountPercentage--Chp9G {
  font-size: 14px;
  line-height: 160%;
  white-space: nowrap;
  margin-left: 8px;
  text-transform: capitalize;
}
@media (max-width: 768px) {
  .discountPercentage--Chp9G {
    font-size: 0.75rem;
    margin-left: 4px;
  }
}

/**color by character**/
.flex-center--vCoqp {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--ICEIK {
  overflow: hidden;
}
.modalBody--Ee30k {
  min-width: 0;
  min-height: 254px;
  max-width: 584px;
  max-height: 300px;
  width: 100%;
  padding: 24px 24px;
}
@media only screen and (max-width: 480px) {
  .modalBody--Ee30k {
    padding: 0 16px 20px;
    min-height: 0px;
  }
}
.modalBody--Ee30k .header--FRGCt {
  display: flex;
  justify-content: space-between;
  text-align: unset;
  flex-direction: row;
  align-items: center;
  padding-bottom: 24px;
}
.modalBody--Ee30k .header--FRGCt img {
  width: 14px;
  height: 14px;
}
@media only screen and (max-width: 480px) {
  .modalBody--Ee30k .header--FRGCt img {
    display: none;
  }
}
.modalBody--Ee30k .title--nOy1n {
  padding: 0;
  font-weight: 400;
  font-size: 20px;
  text-align: unset;
  color: #211a1e;
  line-height: 160%;
}
@media only screen and (max-width: 480px) {
  .modalBody--Ee30k .title--nOy1n {
    padding: 20px 0 0 0;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 140%;
  }
}
.modalBody--Ee30k .emptyDiv--She_g {
  display: none;
  width: 67px;
  height: 5px;
  background: #a6a3a5;
  border-radius: 100px;
  margin: auto;
}
.formItem--T6mt9 {
  max-width: 536px;
  width: 100%;
}
.formTitle--PNnbU {
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.formInput--ryoeS {
  margin-top: 8px;
}
.commonInput--O1SDj {
  background: #fff;
  border-radius: 8px;
  height: 48px;
  padding: 12px 16px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
  font-size: 16px;
}
.formError--PwHb1 {
  visibility: visible;
  color: #f11a00;
  padding: 8px 0 16px;
  font-weight: 400;
  font-size: 12px;
  height: unset;
}
.visible--Aq9j8 {
  visibility: visible;
  color: red;
  padding: 8px 0 16px;
}
.modalActionBtns--Z_FjR {
  margin-top: 16px;
  max-width: 30%;
}
@media only screen and (max-width: 480px) {
  .modalActionBtns--Z_FjR {
    max-width: 100%;
  }
}

/**color by character**/
.flex-center--CNuLB {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--baRtH {
  overflow: hidden;
}
.modal--l1i2E {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.25s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modalContainer--FIGnJ {
  background-color: white;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: var(--modal-box-maxHeight, 720px);
  min-width: var(--modal-box-minWidth, 550px);
  max-width: var(--modal-box-maxWidth, 867px);
  padding: var(--modal-box-padding, 0px);
  border-radius: var(--modal-box-border-radius, 0px);
  overflow: auto;
}
@media only screen and (max-width: 480px) {
  .modalContainer--FIGnJ .emptyDiv--tqk_o {
    width: 67px;
    height: 5px;
    background: #a6a3a5;
    border-radius: 100px;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .modalContainer--FIGnJ {
    max-height: var(--modal-box-mobile-maxHeight, 100%);
    border-radius: var(--modal-box-mobile-border-radius, 0px);
    min-width: auto;
    height: 100%;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 480px) {
  .bottomSheet--Ft3Uy {
    position: fixed;
    bottom: 0;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    max-height: none;
  }
}
.modalHeader--pFdW1 {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .modalHeader--pFdW1 {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
  }
}

/**color by character**/
.flex-center--UFvne {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--S2oFd {
  overflow: hidden;
}
.customBtn--EDZ0x {
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  height: 48px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 160%;
  width: 100%;
}
@media (max-width: 768px) {
  .custom-btn--B1rD5 {
    height: 40px;
  }
}
.primary--y7PCM {
  background-color: #211a1e;
  border: none;
  color: #fff;
  letter-spacing: 0 !important;
}
.secondary--BVc2q {
  background: #fff;
  color: #211a1e;
  border: 1px solid #c4c4c4;
}
.lg--KEQgS {
  padding: 12px 32px;
}
.md--bAFRi {
  padding: 9px 24px;
}
.sm--ur6h7 {
  padding: 4px 16px;
  font-size: 12px;
  font-weight: var(--TiraFontWeightMedium);
}
@media (max-width: 768px) {
  .sm--ur6h7 {
    padding: 2px 16px !important;
  }
}
.custom-btn--B1rD5:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  color: #211a1e;
}
.disabled--XI4sY {
  opacity: 0.3;
  cursor: not-allowed;
}

/**color by character**/
.flex-center--VMp2i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--hdWZK {
  overflow: hidden;
}
.variantPanel--puIPj {
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: default;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  visibility: hidden;
  --margin-bottom: 64px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (max-width: 768px) {
  .variantPanel--puIPj {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 13;
    width: 100%;
    height: calc(100vh - var(--margin-bottom));
    background: rgba(0, 0, 0, 0.2);
    border-radius: unset;
  }
}
.variantPanel--puIPj.show--dCw7C {
  visibility: visible;
  pointer-events: auto;
}
.variantPanelOverlay--wJ7ll {
  min-height: 0;
  flex: 1;
  display: none;
}
@media (max-width: 768px) {
  .variantPanelOverlay--wJ7ll {
    display: block;
  }
}
.variantPanelContainer--_LS03 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 16px;
  padding-bottom: 5px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: -2px;
  border-bottom: 2px solid #fff;
  box-sizing: border-box;
  z-index: 3;
}
@media (max-width: 768px) {
  .variantPanelContainer--_LS03 {
    padding: 16px;
    padding-top: 0;
    height: auto;
    max-height: 500px;
    max-height: 60vh !important;
  }
}
.emptyDiv--UOgC9 {
  width: 67px;
  height: 5px;
  background: #e0e0e0;
  display: none;
  margin: auto;
  margin-top: 4px;
  margin-bottom: 20px;
  border-radius: 6px;
}
@media (max-width: 768px) {
  .emptyDiv--UOgC9 {
    display: flex;
  }
}
.variantPanelHeader--SFNpT {
  font-size: 1rem;
  line-height: 160%;
  font-weight: 500;
  color: #333;
  text-transform: capitalize;
}
.variantPanelClose--Xn6zc {
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: auto;
}
@media (max-width: 768px) {
  .variantPanelClose--Xn6zc {
    display: none;
  }
}
.variantPanelLoader--Nlwgd {
  flex: 1;
}
.variantPanelWrapper--HijvZ {
  flex: 1;
  display: grid;
  gap: 8px;
  margin-top: 16px;
  align-content: flex-start;
  overflow-y: auto;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
  --grid-gap: 8px;
}
@media (max-width: 768px) {
  .variantPanelWrapper--HijvZ {
    display: flex;
    flex-wrap: wrap;
    --grid-gap: 16px;
  }
}
.variantPanelWrapperText--ELDEN {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
.variantPanelShadeWrapper--rNYPM {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 768px) {
  .variantPanelShadeWrapper--rNYPM {
    width: calc((100% - var(--grid-gap)) / 2);
  }
}
.variantPanelShadeWrapper--rNYPM.active--E7HAa .variantPanelShade--jJmIh {
  border: 1px solid #333;
}
.variantPanelShade--jJmIh {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  padding: 2px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid transparent;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 768px) {
  .variantPanelShade--jJmIh {
    width: 28px;
    height: 28px;
  }
}
.variantPanelShadeName--c10si {
  --line-count: 1;
  flex: 1;
  display: none;
  font-size: 0.75rem;
  line-height: 160%;
}
@media (max-width: 768px) {
  .variantPanelShadeName--c10si {
    display: -webkit-box;
  }
}
.variantPanelShadeImg--VmGZf {
  width: 100%;
  height: 100%;
  display: inline-block;
  object-fit: cover;
}
.defaultShadeImg--cje3G {
  border-radius: 12px;
}
.variantPanelShadeSelected--vP7a6 {
  width: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .variantPanelShadeSelected--vP7a6 {
    width: 9px;
  }
}
.variantPanelShadeUnavailable--ugNMs {
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .variantPanelShadeUnavailable--ugNMs {
    width: 12px;
  }
}
.variantPanelSize--pxATy {
  background: #fff;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 6.5px 16px;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 160%;
  border: 1px solid #ccc;
  cursor: pointer;
}
.variantPanelSizeActive--HhZaq {
  color: #fff;
  background: #333;
}
.variantPanelSizeUnavailable--bL3qk {
  color: #e0e0e0;
}
.variantPanelVariantName--beGba {
  --line-count: 1;
  font-size: 0.875rem;
  line-height: 160%;
}
.variantPanelProduct--LV2iH {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .variantPanelProduct--LV2iH {
    margin-top: 16px;
  }
}
.variantPanelProductPriceWrapper--c3J4q {
  display: flex;
  margin-top: 4px;
  height: 26px;
}
@media (max-width: 768px) {
  .variantPanelProductPriceWrapper--c3J4q {
    height: 22px;
  }
}
.variantPanelProductPrice--IUnm5 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex-wrap: nowrap;
}
.variantPanelViewMore--oWLZQ {
  margin-left: auto;
  font-size: 0.75rem;
  align-self: center;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
}
.variantPanelViewMore--oWLZQ img {
  display: inline-block;
  width: 9px;
  transform: rotate(-90deg);
  margin-left: 4px;
}

/**color by character**/
.flex-center--MbFFj {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--tB9KD {
  overflow: hidden;
}
.headerSection--PpKoL {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 24px;
}
@media only screen and (max-width: 480px) {
  .headerSection--PpKoL {
    padding-bottom: 16px;
  }
}
.headerSection--PpKoL .sectionTitle--QbiD4 {
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  font-family: 'Schnyder M Web', sans-serif;
}
.fireworkSection--FAbD4 {
  --fw-storyblock-background: transparent;
  --fw-font-family: 'PP Object sans', sans-serif;
  --fw-player-border-radius: var(--border-radius);
  --fw-storyblock-border-radius: var(--border-radius);
  --fw-thumbnail-border-radius: var(--border-radius);
  --fw-thumbnail-gap: 16px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .fireworkSection--FAbD4 {
    margin: 0 16px;
  }
}
.fireworkSection--FAbD4 .bgSection--RhY4V {
  width: 100%;
  height: 88%;
  background: var(--bg-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px;
}
@media only screen and (max-width: 480px) {
  .fireworkSection--FAbD4 .bgSection--RhY4V {
    display: none;
  }
}
.fireworkSection--FAbD4 .fwSection--yIo5V {
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .fireworkSection--FAbD4 .fwSection--yIo5V {
    max-width: unset;
    margin: unset;
  }
}
@media only screen and (max-width: 480px) {
  .fireworkSection--FAbD4 {
    --fw-storyblock-border-radius: 0;
  }
}
.fireworkContainer--Iw0Gw {
  padding-top: var(--desktop-padding-top);
  padding-bottom: var(--desktop-padding-bottom);
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .fireworkContainer--Iw0Gw {
    padding-top: var(--mobile-padding-top);
    padding-bottom: var(--mobile-padding-bottom);
  }
}
.normalBanner--nL838 {
  max-width: 1200px;
}

/**color by character**/
.flex-center--tmj3E {
  display: flex;
  align-items: center;
  justify-content: center;
}
.disable-scroll--V8bSc {
  overflow: hidden;
}
.quizTouchpoint--s9Vba {
  padding: 24px 16px;
}
.quizTouchpoint__banner--o2tmx {
  width: 100%;
  cursor: pointer;
}


/*# sourceMappingURL=profile-builder.css.map*/