/* [project]/src/app/profile/[pUsername]/page.module.css [app-client] (css) */
.page-module__S9kiLG__mainContainer {
  background-color: var(--light1);
  touch-action: none;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 4.8rem;
  width: 100vw;
  height: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  padding: var(--padding-4xl) var(--padding-xl) !important;
}


/* [project]/src/app/profile/[pUsername]/page/index.module.css [app-client] (css) */
.index-module__uOZVKq__profilePageContainer {
  gap: var(--padding-2xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.index-module__uOZVKq__profilePageContainer h3 {
  color: var(--dark3);
  margin-bottom: var(--padding-md);
  font-size: 1.4rem;
  font-weight: 500;
}

.index-module__uOZVKq__profileInfoContainer {
  align-items: center;
  gap: var(--padding-sm);
  flex-direction: column;
  display: flex;
}

.index-module__uOZVKq__profileInfoContainer h1 {
  text-align: center;
  word-break: break-word;
  font-size: 3.6rem;
  font-weight: 800;
}

.index-module__uOZVKq__profileInfoContainer span {
  color: var(--dark2);
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: underline;
}

.index-module__uOZVKq__adjustFriends {
  margin: var(--padding-md) var(--padding-xl);
}

.index-module__uOZVKq__adjustLinks {
  margin: 0 var(--padding-xl);
  padding-top: var(--padding-sm);
}

.index-module__uOZVKq__adjustInterests {
  padding: var(--padding-lg) 0;
}

.index-module__uOZVKq__adjustInterestsEmptyUser {
  margin: 0 var(--padding-xl);
  padding-bottom: var(--padding-xl);
  padding-top: var(--padding-sm);
}

.index-module__uOZVKq__tabCarouselContainer {
  width: calc(100% + 2 * var(--padding-xl));
  margin: 0 var(--padding-xl-neg);
  height: auto;
  transition: height var(--slow) ease-in-out;
  overflow: hidden;
}

.index-module__uOZVKq__tabCarousel {
  width: 300%;
  transition: transform var(--slow) ease-in-out;
  display: flex;
}

.index-module__uOZVKq__tabContent {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 33.3333%;
  height: auto;
}

.index-module__uOZVKq__profilePageSignOut {
  top: var(--padding-2xl);
  right: var(--padding-xl);
  z-index: 2;
  position: absolute;
}

.index-module__uOZVKq__profilePageSignOut span {
  color: var(--dark1);
  font-size: 1.2rem;
}

.index-module__uOZVKq__profilePageEditButton {
  margin-top: var(--padding-md);
}

.index-module__uOZVKq__addInterestButton {
  border-radius: 0 var(--radius-md);
  width: 100%;
  transition: var(--fast);
  box-shadow: var(--box-shadow-light);
  padding: var(--padding-md) var(--padding-lg);
  cursor: pointer;
  background-color: var(--dark3);
  color: var(--light1);
  font-weight: 600;
  font-family: var(--font-noto-serif);
  justify-content: start;
  align-items: center;
  gap: var(--padding-md);
  border: none;
  font-size: 1.4rem;
  display: flex;
}

.index-module__uOZVKq__addInterestButton:hover {
  box-shadow: var(--box-shadow-md);
  transform: scale(1.05);
}

.index-module__uOZVKq__addInterestButton:active {
  transform: scale(.97);
}

.index-module__uOZVKq__photoContainer {
  position: relative;
}

.index-module__uOZVKq__profileAddPhoto {
  position: absolute;
  bottom: 0%;
  left: -10%;
}

.index-module__uOZVKq__addPhotoScrim {
  width: 100vw;
  height: 100vh;
  color: var(--dark1);
  z-index: 10;
  background-color: var(--scrim);
  padding: var(--padding-2xl);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.index-module__uOZVKq__buttonColorLightText {
  color: var(--light1);
}


/* [project]/src/components/ProfilePhoto/index.module.css [app-client] (css) */
.index-module__wg0rpa__photoContainer {
  border-radius: 100rem;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-module__wg0rpa__photoInitial {
  vertical-align: center;
  font-weight: 900;
  text-decoration: none !important;
}

.index-module__wg0rpa__profileHover {
  transition: var(--fast);
}

.index-module__wg0rpa__profileHover:hover {
  transform: scale(1.1);
}


/* [project]/src/components/TabNavigation/index.module.css [app-client] (css) */
.index-module__fH0wJW__navigationContainer {
  justify-content: center;
  gap: var(--navigation-gap, var(--padding-2xl));
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.index-module__fH0wJW__navigationOption {
  cursor: pointer;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: .8rem;
  display: flex;
}

.index-module__fH0wJW__navigationUnderline {
  background-color: var(--dark1);
  background: var(--darkGradient);
  opacity: 0;
  width: 100%;
  height: .3rem;
  transition: all .3s;
}

.index-module__fH0wJW__navigationUnderline.index-module__fH0wJW__navigationSelected {
  opacity: 1 !important;
}

.index-module__fH0wJW__navigationButton {
  color: var(--dark3);
  transition: var(--slow);
  padding: 0 var(--padding-lg);
  font-size: 2rem;
}

.index-module__fH0wJW__navigationButton.index-module__fH0wJW__navigationSelected {
  color: var(--dark1) !important;
}

.index-module__fH0wJW__navigationButton:hover {
  background: none;
}


/* [project]/src/components/LinkList/index.module.css [app-client] (css) */
.index-module__gfqtMG__linkListContainer {
  width: calc(100% + 2 * var(--padding-xl));
  padding: 0 var(--padding-xl) var(--padding-xl);
  gap: var(--padding-lg);
  text-align: start;
  margin: 0 var(--padding-xl-neg);
  --link-background: linear-gradient(145deg, var(--light2) 0, var(--light1) 63%);
  flex-direction: column;
  display: flex;
}

.index-module__gfqtMG__linkContainer {
  gap: var(--padding-md);
  background: var(--link-background);
  width: 100%;
  padding: var(--padding-sm);
  padding-left: var(--padding-md);
  border-radius: var(--radius-md) 0;
  transition: var(--fast);
  height: 5.6rem;
  box-shadow: var(--box-shadow-light);
  cursor: pointer;
  color: var(--light2);
  align-items: center;
  display: flex;
}

.index-module__gfqtMG__linkContainer:hover {
  box-shadow: var(--box-shadow-md);
  color: var(--dark1);
  transform: scale(1.05);
}

.index-module__gfqtMG__linkIcon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 3.2rem;
  height: auto;
}

.index-module__gfqtMG__linkText {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.index-module__gfqtMG__linkText h3 {
  color: var(--dark1);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1.4rem;
  line-height: 150%;
  overflow: hidden;
}

.index-module__gfqtMG__linkText .index-module__gfqtMG__linkTextUrl {
  gap: var(--padding-xs);
  transition: var(--fast);
  color: var(--light3);
  align-items: center;
  display: flex;
}

.index-module__gfqtMG__linkText .index-module__gfqtMG__linkTextUrl:hover {
  color: var(--dark3);
}

.index-module__gfqtMG__linkText .index-module__gfqtMG__linkTextUrl h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  font-size: 1rem;
  line-height: 150%;
  overflow: hidden;
}

.index-module__gfqtMG__linkEndIcon {
  gap: var(--padding-xs);
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: start;
  align-items: start;
  height: 4rem;
  display: flex;
}

.index-module__gfqtMG__editHeader {
  justify-content: center;
  gap: var(--padding-xl);
  align-items: center;
  display: flex;
}

.index-module__gfqtMG__editLinkContainer {
  gap: var(--padding-xs);
  background: var(--link-background);
  width: 100%;
  padding: var(--padding-sm);
  border-radius: var(--radius-md) 0;
  transition: var(--fast);
  box-shadow: var(--box-shadow-light);
  color: var(--light2);
  z-index: 0;
  align-items: center;
  display: flex;
}

.index-module__gfqtMG__editLinkContainer:hover {
  box-shadow: var(--box-shadow-md);
  color: var(--dark1);
  transform: scale(1.05);
}

.index-module__gfqtMG__editLinkText {
  gap: var(--padding-sm);
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.index-module__gfqtMG__editLinkEnd {
  justify-content: space-between;
  gap: var(--padding-md);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.index-module__gfqtMG__addButton {
  border-radius: var(--radius-md) 0;
  width: 100%;
  transition: var(--fast);
  box-shadow: var(--box-shadow-light);
  padding: var(--padding-md) var(--padding-lg);
  cursor: pointer;
  background-color: var(--dark3);
  color: var(--light1);
  font-weight: 600;
  font-family: var(--font-noto-serif);
  justify-content: start;
  align-items: center;
  gap: var(--padding-md);
  border: none;
  font-size: 1.4rem;
  display: flex;
}

.index-module__gfqtMG__addButton:hover {
  box-shadow: var(--box-shadow-md);
  transform: scale(1.05);
}

.index-module__gfqtMG__addButton:active {
  transform: scale(.97);
}

.index-module__gfqtMG__editLinkButtonContainer {
  margin-top: var(--padding-md);
}

.index-module__gfqtMG__editLinkButtonContainer span {
  font-size: 1.2rem;
  font-weight: 400;
}


/* [project]/src/components/TextInput/index.module.css [app-client] (css) */
.index-module__T95UGG__container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.index-module__T95UGG__headerContainer {
  width: 100%;
  padding: 0 var(--padding-xs);
  color: var(--dark2);
  justify-content: space-between;
  align-items: end;
  display: flex;
}

.index-module__T95UGG__headerContainer label {
  margin-right: auto;
  font-weight: 700;
}

.index-module__T95UGG__headerContainer span {
  width: auto;
  color: var(--dark3);
  margin-left: auto;
  font-size: 1rem;
  font-weight: 300;
}

.index-module__T95UGG__headerLight {
  color: var(--light3) !important;
}

.index-module__T95UGG__headerRight {
  gap: var(--padding-sm);
  display: flex;
}

.index-module__T95UGG__inputContainer {
  border: 1px solid var(--light2);
  border-radius: var(--radius-sm);
  width: calc(100% - .8rem);
  margin: var(--padding-xs);
  padding: 0 var(--padding-sm);
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  transition: all .1s;
  display: flex;
}

.index-module__T95UGG__inputContainer.index-module__T95UGG__inputDisabled {
  background-color: var(--light2);
}

.index-module__T95UGG__inputContainer.index-module__T95UGG__inputDisabled input {
  color: var(--dark2);
}

.index-module__T95UGG__scrollWrapper {
  white-space: nowrap;
  flex-grow: 1;
  align-items: center;
  display: flex;
  overflow: auto hidden;
}

.index-module__T95UGG__prependText {
  color: var(--light3);
  margin-right: var(--padding-xs);
  white-space: nowrap;
  flex-shrink: 0;
}

.index-module__T95UGG__inputContainer input {
  color: var(--dark1);
  padding: var(--padding-sm) 0;
  font-family: var(--font-noto-serif);
  background-color: #fff;
  border: none;
  flex: 1;
  min-width: 0;
  display: inline-block;
}

.index-module__T95UGG__inputContainer input:focus {
  outline: none;
}

.index-module__T95UGG__inputContainer input::placeholder {
  color: var(--light3);
}

.index-module__T95UGG__inputContainer input:disabled {
  background-color: inherit;
}

.index-module__T95UGG__inputContainerFocus {
  outline: 2px solid var(--dark1);
}

.index-module__T95UGG__inputContainerFocus.index-module__T95UGG__containerHighlightLight {
  outline: 2px solid var(--light2);
}

.index-module__T95UGG__containerFocusError.index-module__T95UGG__inputContainerFocus, .index-module__T95UGG__containerError {
  outline: 2px solid var(--error-color) !important;
}

.index-module__T95UGG__errorText {
  color: var(--error-color) !important;
}


/* [project]/src/components/InterestList/index.module.css [app-client] (css) */
.index-module__Nk6iyq__interestListContainer {
  text-align: center;
  width: 100%;
  height: 100%;
  color: var(--light2);
  box-sizing: border-box;
  margin: 0;
  margin-top: var(--padding-lg-neg);
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.index-module__Nk6iyq__label {
  color: var(--dark3);
  margin: 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.index-module__Nk6iyq__interestList {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: var(--padding-md) var(--padding-xl) var(--padding-xl);
  overscroll-behavior-y: contain;
  gap: var(--padding-lg);
  flex-grow: 0;
  flex-shrink: 1;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: start;
  min-height: 0;
  display: grid;
  overflow-y: scroll;
}

.index-module__Nk6iyq__interestList.index-module__Nk6iyq__interestListVertical {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.index-module__Nk6iyq__interestPageScrim {
  background-color: var(--scrim);
  z-index: 5;
  opacity: 0;
  perspective: 1000px;
  width: 100vw;
  height: 100vh;
  animation: index-module__Nk6iyq__fadeIn var(--slow) forwards ease-in-out;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
}

@keyframes index-module__Nk6iyq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.index-module__Nk6iyq__interestPageButtons {
  gap: var(--padding-xl);
  z-index: 9;
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.index-module__Nk6iyq__interestPageSlider {
  z-index: 8;
  width: 7rem;
  height: 75vh;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.index-module__Nk6iyq__interestPageRight {
  right: -2rem;
}

.index-module__Nk6iyq__interestPageLeft {
  left: -2rem;
}

.index-module__Nk6iyq__loadMoreButton {
  grid-column: span 2;
}

@media (width >= 768px) {
  .index-module__Nk6iyq__interestList {
    gap: var(--padding-xl);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 500px) {
  .index-module__Nk6iyq__interestPageButtons {
    left: 0;
    right: auto;
  }
}


/* [project]/src/components/InterestList/InterestCard/index.module.css [app-client] (css) */
.index-module__J3OWNq__cardContainer {
  background-color: var(--dark1);
  border-radius: 0 var(--radius-lg);
  border-top: 2px solid var(--light3);
  border-left: 2px solid var(--light3);
  height: 24rem;
  box-shadow: var(--box-shadow-light);
  cursor: pointer;
  transition: var(--slow) ease-in-out;
  border: none;
  position: relative;
  overflow: hidden;
}

.index-module__J3OWNq__cardContainer:hover {
  box-shadow: var(--box-shadow-md);
  transform: scale(1.05);
}

.index-module__J3OWNq__card {
  text-align: center;
  width: 100%;
  height: 100%;
  color: var(--light1);
  padding: var(--padding-md);
  z-index: 3;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "header"
                       "title"
                       "desc"
                       "footer";
  gap: .8rem;
  display: grid;
  position: absolute;
}

.index-module__J3OWNq__cardHeader {
  color: var(--light1);
  flex-direction: row;
  grid-area: header;
  justify-content: start;
  align-items: center;
  gap: .8rem;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.index-module__J3OWNq__cardHeader .index-module__J3OWNq__profileName {
  flex-grow: 1;
  overflow: hidden;
}

.index-module__J3OWNq__cardHeader h4 {
  color: var(--light1);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
}

.index-module__J3OWNq__profileList {
  gap: var(--padding-md);
  flex-grow: 0;
  flex-shrink: 1;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: start;
  width: 100%;
  min-height: 0;
  display: grid;
}

.index-module__J3OWNq__profileImage {
  box-sizing: content-box;
  border: 1px solid var(--light1);
  border-radius: 100rem;
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  overflow: hidden;
}

.index-module__J3OWNq__cardTitle {
  grid-area: title;
  align-items: end;
  width: 100%;
  display: flex;
}

.index-module__J3OWNq__cardTitle h2 {
  color: #fff;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
}

.index-module__J3OWNq__cardDesc {
  grid-area: desc;
  width: 100%;
  height: 4.5rem;
  overflow: hidden;
}

.index-module__J3OWNq__cardDesc p {
  -webkit-line-clamp: 3;
  color: var(--light3);
  text-align: left;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
}

.index-module__J3OWNq__cardFooter {
  justify-content: space-between;
  align-items: start;
  width: 100%;
  height: 1.2rem;
  font-size: 1.2rem;
  transition: var;
  display: flex;
}

.index-module__J3OWNq__cardFooterRight {
  color: var(--light1);
}

.index-module__J3OWNq__cardFooterIcon {
  transition: var(--slow);
  transform: scale(1.5);
}

.index-module__J3OWNq__cardFooterIconHover {
  transform: scale(2.5)rotate(45deg);
}

.index-module__J3OWNq__card.index-module__J3OWNq__cardHorizontal {
  grid-template: "title title" 1fr
                 "desc desc"
                 "header footer"
                 / 5fr auto;
  gap: 1rem;
}

.index-module__J3OWNq__darkeningGradient {
  z-index: 2;
  background: linear-gradient(150deg, #0000 0%, #000 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module__J3OWNq__addInterest {
  width: 100%;
  height: 100%;
  padding: var(--padding-md);
  background-color: var(--dark2);
  color: var(--light1);
  justify-content: center;
  align-items: start;
  gap: var(--padding-md);
  flex-direction: column;
  display: flex;
}

.index-module__J3OWNq__addInterest h2 {
  text-align: left;
  font-size: 1.6rem;
}

.index-module__J3OWNq__addInterestIcon {
  bottom: var(--padding-sm);
  right: var(--padding-sm);
  position: absolute;
}


/* [project]/src/components/Backdrop/index.module.css [app-client] (css) */
.index-module__rGvpcG__backdropContainer {
  border-radius: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--background-color);
  width: 100%;
  height: 100%;
  transition: background-color var(--xslow);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-module__rGvpcG__backdropImage {
  z-index: 1;
  transition: var(--slow) ease-in-out;
  filter: blur(1rem) brightness(.5);
  transform: scale(1.1);
}

.index-module__rGvpcG__backdropImageScale {
  transform: scale(1.25);
}


/* [project]/src/components/Loading/index.module.css [app-client] (css) */
.index-module__25DSsa__loadingContent {
  filter: brightness();
  height: var(--height-set, 100%);
  width: var(--width-set, 100%);
  border-radius: var(--radius-xs);
  animation: 2s ease-in-out infinite index-module__25DSsa__blink;
}

.index-module__25DSsa__loadingDark {
  background: linear-gradient(130deg, var(--dark1) 0%, var(--dark2) 100%);
}

.index-module__25DSsa__loadingLight {
  background: linear-gradient(130deg, var(--light2) 0%, var(--light3) 100%);
}

.index-module__25DSsa__loadingRound {
  border-radius: 100rem;
}

@keyframes index-module__25DSsa__blink {
  50% {
    filter: brightness(1.3);
  }
}


/* [project]/src/components/PriorityRibbon/index.module.css [app-client] (css) */
.index-module__MICuIa__ribbonContainer {
  transition: var(--xxslow);
  transform-origin: 30% 30%;
  z-index: 3;
  position: absolute;
  overflow: hidden;
}

.index-module__MICuIa__ribbonContent {
  width: 100%;
  color: var(--light1);
  justify-content: center;
  align-items: center;
  font-weight: 800;
  display: flex;
  position: relative;
}

.index-module__MICuIa__ribbonCard {
  padding: var(--padding-xs);
  width: 10rem;
  box-shadow: var(--box-shadow-wrap);
  font-size: 1rem;
  top: -.4rem;
  right: -4rem;
}

.index-module__MICuIa__ribbonPage {
  padding: var(--padding-sm);
  width: 20rem;
  box-shadow: var(--box-shadow-wrap-dark);
  font-size: 1.8rem;
  top: 0;
  right: -7rem;
}

.index-module__MICuIa__mutualRibbon {
  background-color: var(--mutualGradientBackup);
  background: var(--mutualGradient);
}

.index-module__MICuIa__friendRibbon {
  background-color: var(--connectedGradientBackup);
  background: var(--connectedGradient);
}

.index-module__MICuIa__ribbonHidden {
  transform: translate(-100%, -500%)rotate(45deg);
}

.index-module__MICuIa__ribbonAppear {
  transform: rotate(45deg);
}

.index-module__MICuIa__shimmer {
  z-index: 4;
  background: linear-gradient(90deg, #fff0 0%, #fff6 50%, #fff0 100%);
  width: 30%;
  height: 200%;
  animation: 4s linear infinite index-module__MICuIa__shimmer-animation;
  position: absolute;
  top: -50%;
  right: 25%;
  transform: translateX(150%);
}

@keyframes index-module__MICuIa__shimmer-animation {
  0% {
    transform: translateX(150%);
  }

  70% {
    transform: translateX(150%);
  }

  100% {
    transform: translateX(-300%);
  }
}


/* [project]/src/components/InterestList/InterestPage/index.module.css [app-client] (css) */
.index-module__mAvwIG__interestPage {
  z-index: 6;
  width: 90vw;
  height: 80vh;
  color: var(--light1);
  filter: brightness();
  perspective: 1000px;
  position: fixed;
  top: 5vh;
  left: 5vw;
}

.index-module__mAvwIG__interestTwisted {
  transform: rotateY(270deg)rotateX(90deg)scale(.3);
}

.index-module__mAvwIG__interestHidden {
  opacity: 0;
}

.index-module__mAvwIG__interestContainer {
  background-color: var(--dark1);
  border-radius: var(--radius-xl);
  border-top: 2px solid var(--light3);
  border-left: 2px solid var(--light3);
  box-shadow: var(--box-shadow-dark);
  width: 100%;
  height: 100%;
  transition: var(--xxslow) ease-out;
  transform-style: preserve-3d;
  position: relative;
}

.index-module__mAvwIG__interestPagePrevious {
  pointer-events: none;
  z-index: 9;
  transform: translate(-50%, -200%)rotate(-30deg);
}

.index-module__mAvwIG__interestPagePreviousFail {
  transform: translate(0%, 8%)rotate(5deg);
}

.index-module__mAvwIG__interestPageNext {
  filter: brightness(.3);
  pointer-events: none;
  z-index: 5;
  transform: scale(.8);
}

.index-module__mAvwIG__interestPageNextFail {
  filter: brightness(.7);
  transform: scale(.9);
}

.index-module__mAvwIG__interestPageClose {
  top: var(--padding-md);
  left: var(--padding-md);
  z-index: 8;
  position: absolute;
}

.index-module__mAvwIG__interestPageClose span {
  color: var(--light1);
  font-size: 1.2rem;
}

.index-module__mAvwIG__interestPageColorEdit {
  top: var(--padding-lg);
  right: var(--padding-lg);
  z-index: 8;
  position: absolute;
}

.index-module__mAvwIG__interestPageColorEdit span {
  color: var(--light1);
  font-size: 1.2rem;
}

.index-module__mAvwIG__interestFront {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  overscroll-behavior-y: none;
  backface-visibility: hidden;
  border-radius: inherit;
  position: absolute;
  overflow: hidden;
  transform: rotateY(0);
}

.index-module__mAvwIG__interestFront .index-module__mAvwIG__interestHidden {
  filter: brightness(.4);
}

.index-module__mAvwIG__interestFrontContainer {
  overscroll-behavior-y: none;
  width: 100%;
  height: 100%;
  padding: var(--padding-xl);
  justify-content: start;
  align-items: center;
  gap: var(--padding-xl);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden scroll;
}

.index-module__mAvwIG__interestBack {
  backface-visibility: hidden;
  background-color: inherit;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  border-radius: inherit;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  transform: rotateY(180deg);
}

.index-module__mAvwIG__interestBackgroundHeader {
  height: var(--padding-6xl);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  width: 100%;
  margin: var(--padding-xl-neg);
  position: absolute;
  overflow: hidden;
}

.index-module__mAvwIG__darkeningGradient {
  background: linear-gradient(150deg, #00000026 0%, var(--dark1) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-module__mAvwIG__interestHeader {
  justify-content: start;
  align-items: center;
  gap: var(--padding-xl);
  z-index: 7;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.index-module__mAvwIG__interestType h4 {
  color: var(--light1);
  font-size: 1.2rem;
  font-weight: 700;
}

.index-module__mAvwIG__interestHeaderPhotoContainer {
  width: 10rem;
  height: 10rem;
  position: relative;
  overflow: visible;
}

.index-module__mAvwIG__interestHeaderPhoto {
  width: 10rem;
  height: 10rem;
  box-shadow: var(--box-shadow-invert);
  border-radius: 100rem;
}

.index-module__mAvwIG__interestHeaderProfilePhoto {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}

.index-module__mAvwIG__interestAddPhoto {
  position: absolute;
  bottom: 0%;
  left: -10%;
}

.index-module__mAvwIG__interestHeaderText {
  text-align: center;
  align-items: center;
  gap: var(--padding-sm);
  width: 100%;
  margin-bottom: var(--padding-md);
  flex-direction: column;
  display: flex;
}

.index-module__mAvwIG__interestHeaderText h1 {
  float: inline-end;
  font-size: 2.8rem;
}

.index-module__mAvwIG__interestHeaderText h2 {
  color: var(--light2);
  font-size: 1.4rem;
  line-height: 150%;
}

.index-module__mAvwIG__interestHeaderText a {
  text-decoration: underline;
}

.index-module__mAvwIG__interestHeaderName {
  cursor: pointer;
}

.index-module__mAvwIG__interestHeaderTextProfile {
  gap: var(--padding-sm);
  align-items: center;
  width: auto;
  margin: auto;
  display: flex;
}

.index-module__mAvwIG__interestPageDetailsEditButton {
  margin-bottom: var(--padding-md-neg);
}

.index-module__mAvwIG__interestPageDetailsEditButton span {
  font-size: 1.2rem;
  font-weight: 400;
}

.index-module__mAvwIG__interestPrice {
  font-size: 1.2rem;
  font-weight: 700;
}

.index-module__mAvwIG__interestDesc {
  text-align: start;
  width: 100%;
  color: var(--light2);
  z-index: 7;
  font-size: 1rem;
  line-height: 150%;
}

.index-module__mAvwIG__interestDesc p {
  margin-top: var(--padding-xs);
  text-align: center;
  color: var(--light1);
  font-weight: 700;
}

.index-module__mAvwIG__interestDescText {
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.index-module__mAvwIG__interestDescTextExpand {
  line-clamp: none;
  --webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  display: block;
}

.index-module__mAvwIG__interestLinks, .index-module__mAvwIG__interestMap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.index-module__mAvwIG__editPriceContainer {
  gap: var(--padding-md);
  width: 100%;
  display: flex;
}

.index-module__mAvwIG__editPriceInputContainer {
  flex: 1;
  min-width: 0;
}

.index-module__mAvwIG__editButtonsCancelSave {
  gap: var(--padding-xl);
  justify-content: center;
  width: 100%;
  display: flex;
}

.index-module__mAvwIG__deleteButtonEdit {
  width: 100%;
  margin-top: var(--padding-xl);
}

.index-module__mAvwIG__deleteButtonEdit span {
  font-size: 1.4rem;
}

.index-module__mAvwIG__editSearchableContainer label {
  cursor: pointer;
  color: var(--light3);
  gap: var(--padding-md);
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  display: flex;
}

.index-module__mAvwIG__addPhotoScrim {
  width: 100vw;
  height: 100vh;
  color: var(--dark1);
  z-index: 10;
  background-color: var(--scrim);
  padding: var(--padding-2xl);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}


/* [project]/src/components/HuePicker/index.module.css [app-client] (css) */
.index-module__YuAH3a__container {
  align-items: center;
  gap: var(--padding-md);
  touch-action: none;
  flex-direction: column;
  width: auto;
  height: 40rem;
  display: flex;
}

.index-module__YuAH3a__wheelContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16rem;
  display: flex;
  position: relative;
}

.index-module__YuAH3a__wheel {
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.index-module__YuAH3a__inspector {
  left: var(--inspector-left, 50%);
  top: var(--inspector-top, 50%);
  background-color: var(--inspector-background, lightgray);
  cursor: move;
  cursor: grab;
  width: 3.2rem;
  height: 3.2rem;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  opacity: 0;
  border: 4px solid #fff;
  border-radius: 100rem;
  transition: background-color .1s, transform .3s, opacity .2s;
  position: absolute;
  transform: translate(-50%, -50%);
}

.index-module__YuAH3a__inspector:hover {
  transform: scale(1.1)translate(-50%, -50%);
}

.index-module__YuAH3a__inspector:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  transform: scale(1.1)translate(-50%, -50%);
}

.index-module__YuAH3a__inspectorLoaded {
  opacity: 1;
}

.index-module__YuAH3a__buttonFooter {
  gap: var(--padding-xl);
  justify-content: center;
  width: 100%;
  display: flex;
}

.index-module__YuAH3a__buttonHeader {
  width: 16rem;
}

.index-module__YuAH3a__instruction {
  color: var(--light2);
  font-size: 1.2rem;
}


/* [project]/src/components/TextArea/index.module.css [app-client] (css) */
.index-module__Zd33aa__container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.index-module__Zd33aa__headerContainer {
  width: 100%;
  padding: 0 var(--padding-sm);
  color: var(--dark2);
  justify-content: space-between;
  align-items: end;
  padding-bottom: 0;
  display: flex;
}

.index-module__Zd33aa__headerContainer label {
  margin-right: auto;
  font-weight: 700;
}

.index-module__Zd33aa__headerContainer span {
  width: auto;
  color: var(--dark3);
  margin-left: auto;
  font-size: 1rem;
  font-weight: 300;
}

.index-module__Zd33aa__headerLight {
  color: var(--light3) !important;
}

.index-module__Zd33aa__headerLight span {
  color: var(--light3) !important;
}

.index-module__Zd33aa__headerRight {
  gap: var(--padding-sm);
  display: flex;
}

.index-module__Zd33aa__inputContainer {
  width: calc(100%-.4rem);
  border: 1px solid var(--light2);
  border-radius: var(--radius-sm);
  height: 16rem;
  margin: var(--padding-xs);
  background-color: #fff;
  align-items: center;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.index-module__Zd33aa__inputContainer textarea {
  color: var(--dark1);
  width: 100%;
  padding: var(--padding-sm);
  font-family: var(--font-noto-serif);
  height: inherit;
  resize: none;
  background-color: #fff;
  border: none;
  display: inline-block;
}

.index-module__Zd33aa__inputContainer textarea:focus {
  outline: none;
}

.index-module__Zd33aa__inputContainer textarea::placeholder {
  color: var(--light3);
}

.index-module__Zd33aa__inputContainerFocus {
  outline: 2px solid var(--dark1);
}

.index-module__Zd33aa__inputContainerFocus.index-module__Zd33aa__containerHighlightLight {
  outline: 2px solid var(--light2);
}

.index-module__Zd33aa__containerFocusError.index-module__Zd33aa__inputContainerFocus, .index-module__Zd33aa__containerError {
  outline: 2px solid var(--error-color) !important;
}

.index-module__Zd33aa__errorText {
  color: var(--error-color) !important;
}


/* [project]/src/components/ContactList/index.module.css [app-client] (css) */
.index-module__r5YAkq__editContactContainer {
  gap: var(--padding-sm);
  width: 100%;
  margin-top: var(--padding-md);
  flex-direction: column;
  display: flex;
}

.index-module__r5YAkq__editContactListContainer {
  gap: var(--padding-md);
  flex-direction: column;
  display: flex;
}

.index-module__r5YAkq__editContactAddButtons {
  justify-content: center;
  align-items: center;
  gap: var(--padding-sm);
  margin-bottom: var(--padding-sm);
  display: flex;
}

.index-module__r5YAkq__editContactAddButtons span {
  font-size: 1.4rem;
  display: flex;
}

.index-module__r5YAkq__editContactAddButtons h4 {
  color: var(--light3);
  margin-right: var(--padding-sm);
  font-size: 1.6rem;
  font-weight: 700;
}

.index-module__r5YAkq__contactEntry {
  align-items: center;
  display: flex;
}


/* [project]/src/components/ImageUploader/index.module.css [app-client] (css) */
.index-module__nNQb0q__container {
  align-items: center;
  gap: var(--padding-xl);
  touch-action: none;
  flex-direction: column;
  width: auto;
  display: flex;
}

.index-module__nNQb0q__container h2 {
  color: var(--dark2);
  font-size: 1.8rem;
  font-weight: 700;
}

.index-module__nNQb0q__container h3 {
  color: var(--dark3);
  font-size: 1.4rem;
  font-weight: 700;
}

.index-module__nNQb0q__container h4 {
  text-align: center;
  word-break: break-word;
  font-size: 2.4rem;
  font-weight: 800;
}

.index-module__nNQb0q__interactionContainer {
  gap: var(--padding-lg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36rem;
  display: flex;
}

.index-module__nNQb0q__imageInput {
  cursor: pointer;
  border: 3px dashed var(--dark3);
  border-radius: var(--radius-md);
  width: 100%;
  height: 100%;
  transition: var(--slow);
  justify-content: center;
  align-items: center;
  gap: var(--padding-lg);
  background-color: #ffffff80;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.index-module__nNQb0q__imageInput:hover {
  background-color: var(--light2);
}

.index-module__nNQb0q__imageInput p {
  color: var(--dark3);
  font-size: 1.4rem;
  font-weight: 600;
}

.index-module__nNQb0q__imageInput input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.index-module__nNQb0q__disclaimer {
  color: var(--dark2);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 150%;
}

.index-module__nNQb0q__croppingContainer {
  aspect-ratio: 1;
  background-color: var(--dark3);
  border-radius: var(--radius-md);
  border: 8px solid var(--light3);
  user-select: none;
  cursor: grab;
  width: 24rem;
  position: relative;
  overflow: hidden;
}

.index-module__nNQb0q__croppingContainer img {
  display: block;
}

.index-module__nNQb0q__imagePreviewContainer {
  gap: var(--padding-sm);
  width: 100%;
  margin: var(--padding-lg) 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.index-module__nNQb0q__finalImagePreview {
  border-radius: 10000px;
  width: 100px;
  height: 100px;
}

.index-module__nNQb0q__imageButtonsCancelSave {
  justify-content: center;
  gap: var(--padding-lg);
  width: 100%;
  font-size: 1.6rem;
  display: flex;
}

.index-module__nNQb0q__imageUploaderClose {
  top: var(--padding-md);
  left: var(--padding-md);
  z-index: 2;
  position: absolute;
}

.index-module__nNQb0q__imageUploaderClose span {
  color: var(--dark1);
  font-size: 1.2rem;
}


/* [project]/src/components/Card/index.module.css [app-client] (css) */
.index-module__oeO5ZW__cardContainer {
  box-shadow: var(--box-shadow-light);
  backdrop-filter: blur(.4rem);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.index-module__oeO5ZW__cardClickable {
  cursor: pointer;
}

.index-module__oeO5ZW__cardRadiusSmall {
  border-radius: var(--radius-sm);
}

.index-module__oeO5ZW__cardRadiusMedium {
  border-radius: var(--radius-md);
}

.index-module__oeO5ZW__cardRadiusLarge {
  border-radius: var(--radius-lg);
}

.index-module__oeO5ZW__cardPaddingSmall {
  padding: var(--padding-sm) var(--padding-md);
}

.index-module__oeO5ZW__cardPaddingMedium {
  padding: var(--padding-md) var(--padding-lg);
}

.index-module__oeO5ZW__cardPaddingLarge {
  padding: var(--padding-lg) var(--padding-lg);
}

.index-module__oeO5ZW__cardPaddingNone {
  padding: 0;
}

.index-module__oeO5ZW__cardNoShadow {
  box-shadow: none !important;
}

.index-module__oeO5ZW__cardHover {
  transition: var(--fast);
}

.index-module__oeO5ZW__cardHover:hover {
  background-color: var(--light1);
  color: var(--dark1);
}

.index-module__oeO5ZW__cardSelected {
  background-color: var(--dark2) !important;
  color: var(--light1) !important;
}

.index-module__oeO5ZW__cardBackground {
  background-color: #fff;
}


/* [project]/src/components/ContactButton/index.module.css [app-client] (css) */
.index-module__thvaYq__openIcon {
  transform: rotateX(180deg);
}

.index-module__thvaYq__icon {
  transition: var(--slow);
  align-items: center;
  display: flex;
}

.index-module__thvaYq__noContactLabel {
  color: var(--light1);
  padding-right: 0;
  font-size: 1.4rem;
}


/* [project]/src/components/ContactButton/ContactItem/index.module.css [app-client] (css) */
.index-module__sSIT7q__linkContainer {
  font-size: 1.4rem;
  font-weight: 600;
  font-family: var(--font-noto-serif);
  gap: var(--padding-sm);
  flex-direction: row;
  align-items: center;
  padding: .8rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.index-module__sSIT7q__linkContainer button {
  color: inherit;
  font-family: var(--font-noto-serif);
  font-size: inherit;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: none;
  max-width: 50vw;
  overflow: hidden;
}

.index-module__sSIT7q__linkContent {
  align-items: end;
  display: flex;
}

.index-module__sSIT7q__linkContent:hover {
  transform: scale(1.2);
}

.index-module__sSIT7q__linkDark:hover, .index-module__sSIT7q__linkDark:active {
  color: var(--disabledDark);
}

.index-module__sSIT7q__linkLight:hover, .index-module__sSIT7q__linkLight:active {
  color: var(--disabledLight);
}

.index-module__sSIT7q__linkDark {
  color: var(--dark1);
}

.index-module__sSIT7q__linkLight {
  color: var(--light1);
}

.index-module__sSIT7q__linkUnderline:hover, .index-module__sSIT7q__linkUnderline:active {
  text-decoration: underline;
}

.index-module__sSIT7q__linkNoUnderline {
  text-decoration: none !important;
}


/* [project]/src/components/ProfileList/ProfileFriendsList/index.module.css [app-client] (css) */
.index-module__noKDSq__profileFriendListContainer {
  gap: var(--padding-2xl);
  flex-direction: column;
  display: flex;
}

.index-module__noKDSq__profileFriendListContainer .index-module__noKDSq__requestHeader {
  color: var(--light1);
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
}


/* [project]/src/components/ProfileList/index.module.css [app-client] (css) */
.index-module__8YqLSq__profileListContainer {
  text-align: center;
  width: 100%;
  height: 100%;
  color: var(--light2);
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
  display: flex;
  position: relative;
}

.index-module__8YqLSq__label {
  color: var(--dark3);
  margin: 1.6rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.index-module__8YqLSq__profileList {
  width: 100%;
  padding-bottom: var(--padding-xl);
  gap: var(--padding-sm);
  overscroll-behavior-y: contain;
  flex-grow: 0;
  flex-shrink: 1;
  grid-template-columns: 1fr;
  align-items: start;
  min-height: 0;
  display: grid;
}

@media (width >= 768px) {
  .index-module__8YqLSq__profileList {
    gap: var(--padding-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .index-module__8YqLSq__loadMoreButton {
    grid-column: span 2;
  }
}


/* [project]/src/components/ProfileList/ProfileCard/index.module.css [app-client] (css) */
.index-module__UApl1G__profileCard {
  width: 100%;
  padding: var(--padding-sm) var(--padding-md);
  transition: var(--fast);
  cursor: pointer;
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 1.2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.index-module__UApl1G__profileCard:hover {
  background-color: #fff;
}

.index-module__UApl1G__priorityFriend {
  box-shadow: inset 0 0 4px var(--connectedGradientBackup);
}

.index-module__UApl1G__priorityFriend:hover {
  box-shadow: inset 0 0 8px var(--connectedGradientBackup);
}

.index-module__UApl1G__priorityMutual {
  box-shadow: inset 0 0 4px var(--mutualGradientBackup);
}

.index-module__UApl1G__priorityMutual:hover {
  box-shadow: inset 0 0 8px var(--mutualGradientBackup);
}

.index-module__UApl1G__profileCardImage {
  border-radius: 100rem;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}

.index-module__UApl1G__profileCardInfo {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: start;
  gap: .4rem;
  display: flex;
  overflow: hidden;
}

.index-module__UApl1G__profileCardInfo h4 {
  color: var(--dark2);
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: start;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  overflow: hidden;
}

.index-module__UApl1G__profileCardInfo span {
  color: var(--dark3);
}

.index-module__UApl1G__profileLoadingPhoto {
  border-radius: 100rem;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  overflow: hidden;
}

.index-module__UApl1G__profileCardUserControls {
  gap: var(--padding-md);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

@media (width >= 768px) {
  .index-module__UApl1G__profileCard {
    padding: var(--padding-lg);
  }
}

.index-module__UApl1G__profileControlIconReject:hover {
  color: var(--error-color);
}

.index-module__UApl1G__profileControlIconMenu {
  color: var(--light3);
}

.index-module__UApl1G__profileControlIconMenu:hover {
  color: var(--dark2);
}


/* [project]/src/components/Accordion/index.module.css [app-client] (css) */
.index-module__p--Iiq__accordionContainer {
  width: 100%;
  height: auto;
  box-shadow: var(--box-shadow-light);
  border-radius: var(--radius-sm);
  display: block;
  overflow: hidden;
}

.index-module__p--Iiq__accordionTrigger {
  background-color: var(--dark2);
  width: 100%;
  height: auto;
  padding: var(--padding-md);
  cursor: pointer;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  color: var(--light1);
  transition: var(--slow);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.index-module__p--Iiq__accordionTrigger:hover {
  background-color: var(--dark1);
}

.index-module__p--Iiq__triggerIcon {
  transition: var(--slow);
}

.index-module__p--Iiq__triggerOpen {
  transform: rotate(-180deg);
}

.index-module__p--Iiq__accordionContent {
  width: 100%;
  height: auto;
  transition: var(--slow);
  overflow: hidden;
}

.index-module__p--Iiq__accordionContentOpen {
  max-height: 100rem;
}

.index-module__p--Iiq__accordionContentDisplay {
  visibility: visible;
  pointer-events: auto;
}

.index-module__p--Iiq__accordionContentNoDisplay {
  visibility: none;
  pointer-events: none;
}

.index-module__p--Iiq__accordionContentClosed {
  max-height: 0;
}

.index-module__p--Iiq__accordionContentContainer {
  padding: var(--padding-md);
}


/* [project]/src/components/ShareQR/index.module.css [app-client] (css) */
.index-module__55r1WW__mainContainer {
  background-color: var(--scrim);
  z-index: 3;
  width: 100vw;
  height: 100vh;
  padding: var(--padding-4xl) var(--padding-2xl);
  position: fixed;
  top: 0;
  left: 0;
}

.index-module__55r1WW__header {
  top: var(--padding-lg);
  left: var(--padding-lg);
  width: calc(100% - 2 * var(--padding-lg));
  gap: var(--padding-md);
  color: var(--dark2);
  z-index: 5;
  align-items: center;
  display: flex;
  position: absolute;
}

.index-module__55r1WW__profileHeader {
  gap: var(--padding-md);
  cursor: pointer;
  flex-grow: 1;
  align-items: center;
  display: flex;
}

.index-module__55r1WW__profileHeader h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dark2);
  font-size: 1.8rem;
  overflow: hidden;
}

.index-module__55r1WW__infoContainer {
  border-radius: var(--radius-md);
  z-index: 4;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.index-module__55r1WW__textInfo {
  justify-content: center;
  align-items: center;
  gap: var(--padding-sm);
  z-index: 5;
  top: var(--padding-5xl);
  padding: 0 var(--padding-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.index-module__55r1WW__textInfo h1 {
  text-align: center;
  word-break: break-word;
  font-size: 3.6rem;
  font-weight: 800;
}

.index-module__55r1WW__interestHeaderPhoto {
  width: 10rem;
  height: 10rem;
  box-shadow: var(--box-shadow-invert);
  z-index: 5;
  border-radius: 100rem;
}

.index-module__55r1WW__qrCode {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
}

.index-module__55r1WW__interestRow {
  justify-content: center;
  column-gap: var(--padding-xl);
  color: var(--light1);
  width: 100%;
  padding: 0 var(--padding-xl);
  bottom: var(--padding-2xl);
  z-index: 5;
  flex-wrap: wrap;
  display: flex;
  position: absolute;
  left: 0;
}

.index-module__55r1WW__darkText {
  color: var(--dark2);
}

.index-module__55r1WW__lightText, .index-module__55r1WW__interestIcon {
  color: var(--light2);
}

.index-module__55r1WW__backgroundDark {
  background-color: var(--dark1);
  width: 100%;
  height: 100%;
}

.index-module__55r1WW__backgroundLight {
  background-color: var(--light1);
  width: 100%;
  height: 100%;
}

.index-module__55r1WW__borderRadiusBottomRight {
  border-bottom-right-radius: var(--radius-xl);
}

.index-module__55r1WW__borderRadiusTopLeft {
  border-top-left-radius: var(--radius-xl);
}

.index-module__55r1WW__backgroundTop {
  z-index: 4;
  width: 100%;
  transition: var(--slow);
  position: absolute;
  top: 0;
  left: 0;
}

.index-module__55r1WW__backgroundBottom {
  z-index: 4;
  width: 100%;
  transition: var(--slow);
  position: absolute;
  bottom: 0;
  right: 0;
}


/*# sourceMappingURL=src_68e9b743._.css.map*/