/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/styles/onboarding/common.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.common_neon_bg__nktEp {
  background: linear-gradient(
    180deg,
    rgba(6, 7, 8, 1) 0%,
    #112d3c 51%,
    rgba(6, 7, 8, 1) 100%
  );
  z-index: -2;
}

.common_gradient_border_orangish__6RGw7 {
  position: relative;
  z-index: 1;
}

.common_gradient_border_orangish__6RGw7::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 2rem;
  background: linear-gradient(76.24deg, #ff8933 43.47%, #45074f 116.04%);
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.common_gradient_border_whitey__N8hwH {
  position: relative;
  border-radius: 2rem;
  z-index: 1;
}

.common_mid_cream_gradient__Snzda {
  background: linear-gradient(
      180.33deg,
      #010101 4.94%,
      rgba(24, 21, 19, 0.984375) 48.86%,
      #000000 85.78%,
      rgba(0, 0, 0, 0.6) 154.09%
    ),
    linear-gradient(0deg, rgba(7, 3, 0, 0.63), rgba(7, 3, 0, 0.63));
}

.common_gradient_border_whitey__N8hwH::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 1rem;
  background: linear-gradient(
    180deg,
    rgba(157, 138, 138, 1) 0%,
    rgba(45, 6, 6, 1) 100%
  );
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.common_gradient_border_viola__hgwqr {
  position: relative;
  border-radius: 2rem;
  z-index: 1;
}

.common_gradient_border_viola__hgwqr::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, #e07b65c7 0%, #442233 100%);
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.common_gradient_border_whiteTopToBlackBottom__h_7nS {
  position: relative;
  border-radius: 0.8rem;
  z-index: 1;
  color: #5c5c5c;
}

.common_gradient_border_whiteTopToBlackBottom__h_7nS::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, rgba(157, 138, 138, 1) 0%, black 85%);
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.common_gradient_bg_viola_to_muddy__hTuLM {
  background: linear-gradient(
    287.44deg,
    rgba(255, 137, 51, 0.44) -110%,
    rgba(255, 137, 51, 0.44) -11.93%,
    rgba(69, 7, 79, 0.44) 101.8%
  );
  color: white;
}

.common_loading_gradient__PXikM {
  background: linear-gradient(
    180.33deg,
    rgba(1, 1, 1, 0.84) 4.94%,
    rgba(58, 58, 58, 0.826875) 48.86%,
    rgba(0, 0, 0, 0.84) 86.51%,
    rgba(0, 0, 0, 0.504) 154.09%
  );
}

/* Custom breakpoints */
@media (min-width: 475px) {
  /* xs */
  /* Styles for screens ≥ 475px */
}

@media (min-width: 640px) {
  /* sm */
  /* Styles for screens ≥ 640px */
}

@media (min-width: 768px) {
  /* md */
  /* Styles for screens ≥ 768px */
  .common_gradient_border_viola__hgwqr::before {
    border-radius: 2rem;
  }
  .common_gradient_border_whitey__N8hwH::before {
    border-radius: 2rem;
  }
}

@media (min-width: 1024px) {
  /* lg */
  /* Styles for screens ≥ 1024px */
}

@media (min-width: 1280px) {
  /* xl */
  /* Styles for screens ≥ 1280px */
}

@media (min-width: 1536px) {
  /* 2xl */
  /* Styles for screens ≥ 1536px */
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/styles/onboarding/ProfileInfoStep.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProfileInfoStep_input__fR4yc {
  color: white;
  font-size: 1.25rem;
  width: 100%;
  font-weight: 300;
  padding: 15px 10px;
  background: linear-gradient(
      180.33deg,
      #010101 4.94%,
      rgba(24, 21, 19, 0.984375) 48.86%,
      #000000 85.78%,
      rgba(0, 0, 0, 0.6) 154.09%
    ),
    linear-gradient(0deg, rgba(7, 3, 0, 0.63), rgba(7, 3, 0, 0.63));
  position: relative; /* Ensure input stays above pseudo-element */
  z-index: 1;
  border-radius: 12px;
  outline: none;
}

.ProfileInfoStep_inputContainer__OrwtH {
  position: relative;
  width: 100%;
  display: inline-block;
  z-index: 1;
  margin: 0px;
  margin-top: 10px;
  border-radius: 12px;
  padding: 0px;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
  border: 1px solid;
}

.ProfileInfoStep_inputContainer__OrwtH::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 12px; /* Apply rounded corners to the border */
  background: linear-gradient(
    356.94deg,
    #0b0022 -27.83%,
    rgba(224, 123, 101, 0.78) 86.4%
  );
  z-index: -1; /* Place behind the input */
  transition: all 0.3s ease;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
}

.ProfileInfoStep_input__fR4yc:focus {
  outline: none;
}

.ProfileInfoStep_form__ENI_D input::-moz-placeholder {
  color: white;
  font-size: 1.25rem;
  font-weight: 300;
}

.ProfileInfoStep_form__ENI_D input::placeholder {
  color: white;
  font-size: 1.25rem;
  font-weight: 300;
}

/* Style the select dropdown */
.ProfileInfoStep_select__HMrVr {
  color: white;
  font-size: 1.25rem;
  width: 100%;
  font-weight: 300;
  padding: 15px 10px;
  background: linear-gradient(
      180.33deg,
      #010101 4.94%,
      rgba(24, 21, 19, 0.984375) 48.86%,
      #000000 85.78%,
      rgba(0, 0, 0, 0.6) 154.09%
    ),
    linear-gradient(0deg, rgba(7, 3, 0, 0.63), rgba(7, 3, 0, 0.63));
  border-radius: 12px;
  outline: none;
  appearance: none; /* Remove default browser styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  z-index: 1;
  border: none;
  cursor: pointer;
}

/* Maintain black background when selecting */
.ProfileInfoStep_select__HMrVr:focus,
.ProfileInfoStep_select__HMrVr:active {
  background: black !important;
  color: white;
}

/* Style the dropdown options */
.ProfileInfoStep_select__HMrVr option {
  background: black;
  color: white;
  font-size: 1rem;
}

/* Container for gradient border effect */
.ProfileInfoStep_selectContainer__YzNtp {
  position: relative;
  width: 100%;
  display: inline-block;
  z-index: 1;
  margin-top: 10px;
  border-radius: 12px;
  padding: 0px;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
}

/* Gradient border effect */
.ProfileInfoStep_selectContainer__YzNtp::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 12px;
  background: linear-gradient(
    356.94deg,
    #0b0022 -27.83%,
    rgba(224, 123, 101, 0.78) 86.4%
  );
  z-index: -1;
  transition: all 0.3s ease;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/styles/onboarding/FollowStep.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* FollowStep.module.css */
.FollowStep_gradient_text_parent__IH9T3 {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.FollowStep_gradient_text__QFOzo {
  font-size: 15px;
  background: linear-gradient(139.69deg, #00e7fc 2.07%, #ec46e5 98.58%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.FollowStep_hide_scrollbar__E2_Hq {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For IE and Edge */
}

.FollowStep_hide_scrollbar__E2_Hq::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

.FollowStep_follow_btn__qmSmw {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 10px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8); /* 50% opacity black */
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.FollowStep_follow_btn__qmSmw::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 10px;
  background: linear-gradient(180deg, #e07b65c7 0%, #442233 100%);
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.FollowStep_follow_btn_text__o0OOg {
  position: relative;
  z-index: 10; /* Keeps text visible */
}

.FollowStep_unfollow_btn__LpDY0 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 10px;
  color: white;
  background: linear-gradient(
    352.13deg,
    #f7b8a3 -68.2%,
    #e5044c -30.39%,
    #b20444 -17.27%,
    #84033d -3.54%,
    #5d0337 10.76%,
    #3c0332 25.36%,
    #24022e 40.43%,
    #12022b 56.1%,
    #07022a 72.82%,
    #040229 92.31%,
    #002e46 125.98%
  );
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.FollowStep_unfollow_btn__LpDY0::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.1rem;
  border-radius: 10px;
  background: linear-gradient(180deg, #e07b65c7 0%, #442233 100%);
  -webkit-mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  mask:
    linear-gradient(white 0 0) content-box,
    linear-gradient(white 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/styles/onboarding/HashTagStep.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HashTagStep_scrollContainer__maBFY {
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.HashTagStep_scrollContainer__maBFY::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari */
}
.HashTagStep_hexGrid__5PKJo {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 2rem auto;
  padding: 0;
  list-style-type: none;
  transform: translateY(-30px);
}

.HashTagStep_hex__1YcHf {
  position: relative;
  outline: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

.HashTagStep_hex__1YcHf::after {
  content: "";
  display: block;
  padding-bottom: 86.602%;
}

.HashTagStep_hexIn__Dmd3w {
  position: absolute;
  width: 96%;
  padding-bottom: 110.851%;
  margin: 2%;
  overflow: hidden;
  outline: 1px solid transparent;
}

.HashTagStep_hexContent__6QkU5 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  transition: all 0.3s ease;
  transform-origin: center center;
  overflow: hidden; /* Add this */
}

.HashTagStep_contentWrapper__Us9vc {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HashTagStep_interestText__uYsbS {
  color: white;
  font-size: 1.2rem;
  text-align: center;
  padding: 15%;
  transform: scale(0.8);
  transition: all 0.3s ease;
  z-index: 2;
  position: relative;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
/* Add hexagonal border using pseudo-element */
.HashTagStep_contentWrapper__Us9vc::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: linear-gradient(287.44deg, #b76453, rgba(69, 7, 79, 0.44));
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  z-index: -1;
  transform: scale(1.05);
}
/* Selected state border */
.HashTagStep_cbg__3cSY_ .HashTagStep_contentWrapper__Us9vc::before {
  background: linear-gradient(
    287.44deg,
    rgba(255, 137, 51, 0.44) -110%,
    rgba(255, 137, 51, 0.44) -11.93%,
    rgba(69, 7, 79, 0.44) 101.8%
  );
}

.HashTagStep_dbg__EM2gW {
  background: black;
  position: relative;
}

.HashTagStep_cbg__3cSY_ {
  background: linear-gradient(
    287.44deg,
    rgba(255, 137, 51, 0.44) -110%,
    rgba(255, 137, 51, 0.44) -11.93%,
    rgba(69, 7, 79, 0.44) 101.8%
  );
  position: relative;
}
/* Responsive layout */
@media (min-width: 1201px) {
  .HashTagStep_hex__1YcHf {
    width: 20%;
  }
  .HashTagStep_hex__1YcHf:nth-child(9n + 6) {
    margin-left: 10%;
  }
}

@media (max-width: 1200px) and (min-width: 901px) {
  .HashTagStep_hex__1YcHf {
    width: 25%;
  }
  .HashTagStep_hex__1YcHf:nth-child(7n + 5) {
    margin-left: 12.5%;
  }
}

@media (max-width: 900px) and (min-width: 601px) {
  .HashTagStep_hex__1YcHf {
    width: 33.333%;
  }
  .HashTagStep_hex__1YcHf:nth-child(5n + 4) {
    margin-left: 16.666%;
  }
}

@media (max-width: 600px) {
  .HashTagStep_hex__1YcHf {
    width: 50%;
  }
  .HashTagStep_hex__1YcHf:nth-child(3n + 3) {
    margin-left: 25%;
  }
  .HashTagStep_interestText__uYsbS {
    font-size: 1rem;
  }
}

@media (max-width: 400px) {
  .HashTagStep_interestText__uYsbS {
    font-size: 0.8rem;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!../nodevenv/waitlistbeta.com/22/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/styles/onboarding/HashTagInputStep.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HashTagInputStep_input__6G6vU {
  color: white;
  font-size: 1.25rem;
  width: 100%;
  font-weight: 300;
  padding: 15px 10px;
  background: linear-gradient(
      180.33deg,
      #010101 4.94%,
      rgba(24, 21, 19, 0.984375) 48.86%,
      #000000 85.78%,
      rgba(0, 0, 0, 0.6) 154.09%
    ),
    linear-gradient(0deg, rgba(7, 3, 0, 0.63), rgba(7, 3, 0, 0.63));
  position: relative; /* Ensure input stays above pseudo-element */
  z-index: 1;
  border-radius: 12px;
  outline: none;
}

.HashTagInputStep_inputContainer__k0405 {
  position: relative;
  width: 100%;
  display: inline-block;
  z-index: 1;
  margin: 0px;
  margin-top: 10px;
  border-radius: 12px;
  padding: 0px;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
  border: 1px solid;
}

.HashTagInputStep_inputContainer__k0405::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 12px; /* Apply rounded corners to the border */
  background: linear-gradient(
    356.94deg,
    #0b0022 -27.83%,
    rgba(224, 123, 101, 0.78) 86.4%
  );
  z-index: -1; /* Place behind the input */
  transition: all 0.3s ease;
  box-shadow: 4px 4px 9px 2px rgba(0, 0, 0, 0.25);
}

.HashTagInputStep_input__6G6vU:focus {
  outline: none;
}

.HashTagInputStep_form__BBq_i input::-moz-placeholder {
  color: white;
  font-size: 1.25rem;
  font-weight: 300;
}

.HashTagInputStep_form__BBq_i input::placeholder {
  color: white;
  font-size: 1.25rem;
  font-weight: 300;
}

.HashTagInputStep_scrollContainer__swFh1 {
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.HashTagInputStep_scrollContainer__swFh1::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari */
}