/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Drawer/drawer.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.drawer_drawer__yGkHf {
  display: none;
  position: fixed;
  top: 97px;
  left: 0;
  background: #0a0a1b;
  width: 100%;
  height: calc(100% - 150px);
  transform: translateY(100%);
  transition: transform 0.2s ease-out;
  z-index: 98;
  padding-bottom: 30px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1100px) {
  .drawer_drawer__yGkHf {
    display: block;
  }
}
.drawer_drawer__TopBorder__Ch1Cf {
  position: fixed;
  top: 0px;
  left: 37%;
  background: #E6E5EE;
  width: 25%;
  height: 4px;
  transform: translateY(100%);
  transition: transform 0.2s ease-out;
  z-index: 1002;
  border-radius: 35px;
}
.drawer_drawer__open__MPE8M {
  transform: translateY(0);
}
.drawer_drawer__content__NrBEK {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 110px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/footer-link-icon/footerLinkIcon.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footerLinkIcon_footerLinkIcon__a8_zN {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #28254f;
  width: 44px;
  height: 44px;
}
.footerLinkIcon_footerLinkIcon__a8_zN svg path {
  fill: #928eaa;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Backdrop/backdrop.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.backdrop_backdrop__Azq0q {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(7, 7, 24, 0.6);
  z-index: 97;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  display: none;
}
.backdrop_backdrop__shown__mjQcB {
  opacity: 1;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/QuickAccessMenuItem/quickAccessMenuItem.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quickAccessMenuItem_quickAccessMenuItem__cyIOS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  padding: 7px 4px;
  cursor: pointer;
  width: 100%;
}
.quickAccessMenuItem_quickAccessMenuItem__cyIOS:hover {
  background: linear-gradient(90deg, rgba(63, 175, 231, 0.08) 0%, rgba(63, 175, 231, 0) 100%);
}
.quickAccessMenuItem_quickAccessMenuItem__cyIOS:hover .quickAccessMenuItem_quickAccessMenuItem__iconWrapper__GokJN {
  background: #28254f;
}
.quickAccessMenuItem_quickAccessMenuItem__labelWrap__61F9t {
  display: flex;
  align-items: center;
  gap: 16px;
}
.quickAccessMenuItem_quickAccessMenuItem__label__jcNT9 {
  font-size: 16px;
  font-weight: 600;
  color: #5b5779;
  transition: color 0.2s ease-out;
  text-align: left;
}
.quickAccessMenuItem_quickAccessMenuItem__label_active__WWksq {
  color: #e6e5ee;
}
.quickAccessMenuItem_quickAccessMenuItem__iconWrapper__GokJN {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Toast/toast.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.toast_toast__Q7gAu {
  border-radius: 32px;
  z-index: 10001;
}
.toast_toast__messageWrapper__R7O3k {
  display: flex;
  align-items: center;
  gap: 12px;
}
.toast_toast__messageWrapper__R7O3k svg {
  min-width: 32px;
  min-height: 32px;
}
.toast_toast__message__Bf_kY {
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
}
.toast_toast__closeButton__fHqQw {
  cursor: pointer;
  position: absolute;
  right: -9px;
  top: -17px;
  width: 45px;
  height: 58px;
  border-radius: 50%;
  background-color: #25254E;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
}
.toast_toast__closeButton__fHqQw svg {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  left: 10px;
  bottom: 24px;
}
.toast_toast__closeButton__fHqQw svg path {
  stroke-width: 2px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ProfileModal/profileModal.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.profileModal_profileModal__HyVgC {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 113;
  transform: translate(-50%, -50%) scale(0.7);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 520px;
  max-height: 75vh;
  padding: 30px 40px 15px 40px;
  background: #110f2a;
  border-radius: 32px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
  box-shadow: 0px 0px 30px rgba(153, 50, 204, 0.5215686275);
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
}
@media (max-width: 480px) {
  .profileModal_profileModal__HyVgC {
    max-width: calc(100% - 30px);
    padding: 30px 30px 15px 30px;
  }
}
.profileModal_profileModal__withOffset__ZudNo {
  padding: 85px 0 15px 0;
}
.profileModal_profileModal__open__4x7le {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: all;
}
.profileModal_profileModal__paddingSet__cwCd0 {
  padding: 0;
}
.profileModal_profileModal__header__LGm8y {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 480px) {
  .profileModal_profileModal__header__LGm8y {
    padding: 20px 15px;
  }
}
.profileModal_profileModal__header_withBorder__VGQao {
  border-bottom: 2px solid #28254f;
}
.profileModal_profileModal__header_headerSet__lZjxX {
  display: none;
}
.profileModal_profileModal__closeBtn__n1OR4 {
  position: absolute;
  right: 25px;
  top: 25px;
}
.profileModal_profileModal__closeBtn__n1OR4 svg path {
  stroke: #4C4773;
}
.profileModal_profileModal__title__u07xZ {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e6e5ee;
  font-size: 20px;
  font-weight: 600;
}
.profileModal_profileModal__content__3CquV {
  max-height: calc(75vh - 110px);
  overflow: auto;
}
.profileModal_profileModal__content_offset__w_oCe {
  padding-bottom: 32px;
}
.profileModal_profileModal__content__3CquV::-webkit-scrollbar {
  width: 2px;
}
.profileModal_profileModal__content__3CquV::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.profileModal_profileModal__content__3CquV::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/PrimaryButton/primaryButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.primaryButton_primaryButton__P3Ack {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 32px;
  padding: 18px 65px;
  color: #e6e5ee;
  text-transform: uppercase;
  font-weight: 700;
  transition: color 0.2s ease-out;
  white-space: nowrap;
}
.primaryButton_primaryButton__P3Ack:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.primaryButton_primaryButton__P3Ack:disabled:hover {
  color: #e6e5ee;
}
@media (max-width: 768px) {
  .primaryButton_primaryButton__lg__b9aEk {
    padding: 8px 30px;
    font-size: 14px;
  }
}
.primaryButton_primaryButton__md__N2y_X {
  padding: 10px 20px;
  font-size: 16px;
}
.primaryButton_primaryButton__secondary__7hyjM {
  border: 2px solid transparent;
  color: #928eaa;
  background: transparent;
  text-transform: none;
  font-weight: 600;
}
.primaryButton_primaryButton__tertiary__1Kcca {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border: none;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  color: #928eaa;
  padding: 15px 40px;
}
.primaryButton_primaryButton__mdDelete__XErg_ {
  padding: 10px 20px;
  font-size: 16px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 32px;
  color: #e6e5ee;
  text-transform: uppercase;
  font-weight: 700;
  transition: color 0.2s ease-out;
  white-space: nowrap;
}
.primaryButton_primaryButton__P3Ack:hover {
  color: #b9b5d0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/PopoverNew/popover.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.popover_popover__DRfA5 {
  position: fixed;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background: #12122b;
  border-radius: 24px;
  width: 100%;
  min-width: 188px;
  max-width: 275px;
  max-height: 296px;
  z-index: 110;
  padding-right: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
  box-shadow: var(--popover-box-shadow);
}
.popover_popover__hidden__864ME {
  visibility: none;
  opacity: 0;
  pointer-events: none;
}
.popover_popover__light__SstkY {
  background: linear-gradient(180deg, #24214d 0%, #201b47 100%);
}
.popover_popover__up__1lHWu {
  z-index: 120;
}
.popover_popover__contentSize__Jtrwd {
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.popover_popover__fixed__71xMW {
  position: fixed;
}
.popover_popover__rectangle__PLzA8 {
  position: fixed;
  content: "";
  width: 16px;
  height: 16px;
  background: #1c193d;
  z-index: 109;
  top: -15px;
  border-radius: 2px;
  transform: rotate(45deg) translate(25%, 25%);
}
.popover_popover__rectangle_fixed__oqd0c {
  position: fixed;
}
@media (max-width: 768px) {
  .popover_popover__rectangle__PLzA8 {
    transform: rotate(45deg) translate(50%);
  }
}
.popover_popover_width__cHzRt {
  width: 500px;
  max-width: 500px;
  height: 400px;
  min-height: 400px;
}
.popover_popover_paddingLeft__K07_A {
  padding-right: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/ReferralProgram/components/TitleContent/titleContent.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.titleContent_titleContent__0deSr {
  cursor: pointer;
}
.titleContent_titleContent__0deSr svg path {
  stroke: #3ba0f3;
}
.titleContent_titleContent__popoverContent__d331J {
  padding: 20px 0 20px 20px;
}
.titleContent_titleContent__popoverTitle__frm7Q {
  font-size: 16px;
  font-weight: 700;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.titleContent_titleContent__popoverItem__IAQPc {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 320px;
}
.titleContent_titleContent__popoverText__MrNu2 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #b9b5d0;
}
.titleContent_titleContent__popoverText__MrNu2 span {
  margin: 0 5px;
  color: #e6e5ee;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ProgressBar/progressBar.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.progressBar_progressBar__rFGsh {
  max-width: 420px;
  width: 100%;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  border-radius: 32px;
  height: 24px;
  padding: 2px;
}
.progressBar_progressBar__inner__cyG2m {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  padding: 4px;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-color: #1d1a3a;
}
.progressBar_progressBar__inner_bg__jBPCb {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: url("/src/shared/assets/images/grid.png");
}
.progressBar_progressBar__progress__zQdZW {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(96.99deg, #72F8FA -2.34%, #3FAFE7 23.48%, #3693FF 49.3%, #8D4EFF 75.12%, #C656FA 100.94%);
  border-radius: 32px;
  max-width: 100%;
  transition: width 0.2s ease-out;
}
.progressBar_progressBar__progress__zQdZW svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/SocialLink/socialLink.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.socialLink_socialLink__1oPut {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 25px 6px 8px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%), linear-gradient(0deg, rgba(230, 229, 238, 0.04), rgba(230, 229, 238, 0.04));
  border-radius: 32px;
  max-width: 140px;
}
@media (max-width: 480px) {
  .socialLink_socialLink__1oPut {
    max-width: 100%;
    width: 100%;
  }
}
.socialLink_socialLink__1oPut svg {
  width: 36px;
  height: 38px;
}
.socialLink_socialLink__label__CgQAz {
  font-size: 14px;
  font-weight: 600;
  color: #928eaa;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/ReferralProgram/components/InviteFriendsContent/inviteFriendsContent.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.inviteFriendsContent_inviteFriendsContent__MxoL6 {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
}
.inviteFriendsContent_inviteFriendsContent__socialLink__01o4V {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 25px 6px 8px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%), linear-gradient(0deg, rgba(230, 229, 238, 0.04), rgba(230, 229, 238, 0.04));
  border-radius: 32px;
  max-width: 140px;
}
.inviteFriendsContent_inviteFriendsContent__socialLink__01o4V svg {
  width: 37px;
  height: 37px;
}
@media (max-width: 480px) {
  .inviteFriendsContent_inviteFriendsContent__socialLink__01o4V {
    max-width: 100%;
    width: 100%;
  }
}
.inviteFriendsContent_inviteFriendsContent__socialLink_label__Hye7t {
  font-size: 14px;
  font-weight: 600;
  color: #928eaa;
  white-space: nowrap;
}
.inviteFriendsContent_inviteFriendsContent__socialWrapper__1qc6o {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .inviteFriendsContent_inviteFriendsContent__socialWrapper__1qc6o {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.inviteFriendsContent_inviteFriendsContent__rewardWrap__52xiu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 30px 0 12px 0;
}
.inviteFriendsContent_inviteFriendsContent__rewardWrap__52xiu svg {
  width: 20px;
  height: 20px;
}
.inviteFriendsContent_inviteFriendsContent__rewardWrap_label__hf3nd {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent;
  background: linear-gradient(99.79deg, #72F8FA -49.78%, #3FAFE7 22.93%, #3693FF 95.63%, #8D4EFF 168.33%, #C656FA 241.03%);
}
.inviteFriendsContent_inviteFriendsContent__rewardWrap_amount__5j1LO {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 800;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  color: transparent;
  background: linear-gradient(97.7deg, #72F8FA -253.07%, #3FAFE7 -164.62%, #3693FF -76.17%, #8D4EFF 12.29%, #C656FA 100.74%);
}
.inviteFriendsContent_inviteFriendsContent__rewardLabel__oNbHx {
  color: #a19ec2;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}
.inviteFriendsContent_inviteFriendsContent__copyField__cvB_a {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #08081c;
  padding: 8px 8px 8px 20px;
  border-radius: 32px;
  margin-bottom: 20px;
}
.inviteFriendsContent_inviteFriendsContent__copyField__cvB_a svg {
  min-width: 16px;
  min-height: 16px;
}
.inviteFriendsContent_inviteFriendsContent__copyField__cvB_a svg path {
  stroke: #928eaa;
}
.inviteFriendsContent_inviteFriendsContent__copyText__GOV1d {
  max-width: calc(100% - 60px);
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inviteFriendsContent_inviteFriendsContent__copyBtn__Zzlzd {
  min-width: 40px;
  min-height: 40px;
}
.inviteFriendsContent_inviteFriendsContent__copyBtn__Zzlzd svg {
  width: 40px;
  height: 40px;
}
.inviteFriendsContent_inviteFriendsContent__friendsInfo__jUYxZ {
  padding-left: 10px;
  margin: 20px 0;
}
.inviteFriendsContent_inviteFriendsContent__label__VOSWC {
  color: #b9b5d0;
  font-weight: 700;
  font-size: 16px;
}
.inviteFriendsContent_inviteFriendsContent__referralCount__oI6JK {
  color: #e6e5ee;
  font-weight: 700;
  font-size: 16px;
}
.inviteFriendsContent_inviteFriendsContent__referralTotal__VKNqf {
  color: #5b5779;
  font-weight: 700;
  font-size: 16px;
}
.inviteFriendsContent_inviteFriendsContent__progressWrap__pzi0X {
  position: relative;
}
.inviteFriendsContent_inviteFriendsContent__progressImage__XNaFt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/LevelProgressBar/levelProgressBar.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.levelProgressBar_levelProgressBar__uGOKu {
  position: relative;
  background: #28254f;
  width: 100%;
  height: 12px;
  border-radius: 32px;
  margin-bottom: 25px;
}
.levelProgressBar_levelProgressBar__wrapper__6itBm {
  width: 100%;
}
.levelProgressBar_levelProgressBar__progressBar__rrSm4 {
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
  background: linear-gradient(282.89deg, #72F8FA -11.37%, #3FAFE7 20.47%, #3693FF 52.31%, #8D33FF 84.15%, #8D33FF 115.99%);
  height: 12px;
  padding-left: 32px;
  max-width: 100%;
  border-radius: 32px;
  overflow: hidden;
}
.levelProgressBar_levelProgressBar__rect__MZ_iG {
  background: rgba(230, 229, 238, 0.12);
  width: 12px;
  min-width: 12px;
  height: 40px;
  transform: rotate(20deg);
}
.levelProgressBar_levelProgressBar__badge__l2JFH {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.levelProgressBar_levelProgressBar__badge_start__9QPRb {
  color: #e6e5ee;
  left: 0;
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
  background: linear-gradient(272.18deg, #8D33FF 7.64%, #5F51FF 61.21%, #2496FF 108.17%);
}
.levelProgressBar_levelProgressBar__badge_end__n6k2T {
  right: 0;
  color: #928eaa;
  background: #28254f;
}
.levelProgressBar_levelProgressBar__infoWrap__uEPRv {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.levelProgressBar_levelProgressBar__infoItem__WOD_J {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
}
.levelProgressBar_levelProgressBar__infoItem_label__cqrCz {
  color: #928eaa;
}
.levelProgressBar_levelProgressBar__infoItem_count__l7meB {
  color: #e6e5ee;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/OnboardingInput/onboardingInput.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingInput_onboardingInput__iE7gF {
  position: relative;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.2s ease-out;
  padding: 2px;
  background: transparent;
  transition: background 0.2s ease-out;
}
.onboardingInput_onboardingInput__iE7gF:hover {
  background: linear-gradient(96.99deg, rgba(114, 248, 250, 0.04) -2.34%, rgba(63, 175, 231, 0.04) 23.48%, rgba(54, 147, 255, 0.04) 49.3%, rgba(141, 78, 255, 0.04) 75.12%, rgba(198, 86, 250, 0.04) 100.94%);
}
.onboardingInput_onboardingInput__disabled__5LQcM {
  opacity: 0.5;
  cursor: not-allowed;
}
.onboardingInput_onboardingInput__focused__3ZZqs {
  background: linear-gradient(96deg, rgba(114, 248, 250, 0.24) 0%, rgba(63, 175, 231, 0.24) 23.48%, rgba(54, 147, 255, 0.24) 49.3%, rgba(141, 78, 255, 0.24) 75.12%, rgba(198, 86, 250, 0.24) 100%) !important;
}
.onboardingInput_onboardingInput__wrapper__2H37G {
  background-color: #0d0d23;
  padding: 20px 25px 10px 25px;
  border-radius: 40px;
}
.onboardingInput_onboardingInput__input__afiU7 {
  background-color: transparent;
  width: 100%;
  outline: none;
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  padding-right: 35px;
}
.onboardingInput_onboardingInput__input__afiU7.onboardingInput_onboardingInput__passwordView__KcYFz {
  font-size: 14px;
}
.onboardingInput_onboardingInput__input__afiU7.onboardingInput_onboardingInput__passwordHide__7htCk {
  font-size: 16px;
  letter-spacing: 2px;
}
.onboardingInput_onboardingInput__input__afiU7:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  border: none !important;
  font-weight: 500;
  color: #e6e5ee !important;
  -webkit-text-fill-color: #e6e5ee !important;
  animation-name: onboardingInput_onAutoFillStart__J48eA;
  animation-duration: 0.1s;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
}
.onboardingInput_onboardingInput__input__afiU7:disabled {
  cursor: not-allowed;
}
@media (max-width: 480px) {
  .onboardingInput_onboardingInput__input__afiU7 {
    font-size: 13px;
  }
}
.onboardingInput_onboardingInput__label__PIDey {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #5b5779;
  font-weight: 600;
  transition: 0.2s ease-out;
  transition-property: transform, font-size;
}
.onboardingInput_onboardingInput__label_active__Io1tt {
  transform: translateY(-125%);
  font-size: 12px;
}
.onboardingInput_onboardingInput__icon__oQsTz {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  right: 25px;
  top: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
@keyframes onboardingInput_onAutoFillStart__J48eA {}
@keyframes onboardingInput_onAutoFillCancel__5J_jX {}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ErrorLabel/errorLabel.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.errorLabel_errorLabel__mEhtq {
  display: flex;
  align-content: center;
  gap: 10px;
}
@media (max-width: 480px) {
  .errorLabel_errorLabel__mEhtq {
    gap: 5px;
  }
}
.errorLabel_errorLabel__message__P5dgv {
  font-size: 14px;
  font-weight: 600;
  color: #b9b5d0;
}
.errorLabel_errorLabel__message_error___OVfr {
  color: #fc7263;
}
@media (max-width: 480px) {
  .errorLabel_errorLabel__message_error___OVfr {
    font-size: 10px;
  }
}
.errorLabel_errorLabel__message_warning__XPP25 {
  color: #e6e5ee;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/OnboardingModal/onboardingModal.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingModal_onboardingModal__0DBlh {
  padding: 40px;
  background: linear-gradient(180deg, #151432 0%, #0E0D2B 100%);
  border-radius: 40px;
  width: 100%;
  max-width: 520px;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
  transform-origin: center;
  z-index: 99999;
  box-shadow: 0px 0px 30px rgba(153, 50, 204, 0.5215686275);
}
.onboardingModal_onboardingModal_open__kbinQ {
  display: flex;
  pointer-events: all;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
@media (max-width: 992px) {
  .onboardingModal_onboardingModal__0DBlh {
    padding: 20px;
  }
}
.onboardingModal_onboardingModal__childrenWrap__XrWXe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.onboardingModal_onboardingModal__childrenBg___aXBE {
  position: absolute;
  pointer-events: none;
  top: 0;
}
.onboardingModal_onboardingModal__closeBtn__Rpnls {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.onboardingModal_onboardingModal__closeBtn__Rpnls svg path {
  stroke: #4c4773;
}
.onboardingModal_onboardingModal__title__TQ26b {
  font-size: 32px;
  font-weight: 800;
  line-height: 44px;
  color: #e6e5ee;
  text-align: center;
  margin-bottom: 15px;
  max-width: calc(100% - 60px);
}
@media (max-width: 992px) {
  .onboardingModal_onboardingModal__title__TQ26b {
    font-size: 24px;
    line-height: 1.2;
  }
}
.onboardingModal_onboardingModal__subtitle__vkM1P {
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
  text-align: center;
  margin-bottom: 20px;
  max-width: 310px;
}
@media (max-width: 992px) {
  .onboardingModal_onboardingModal__subtitle__vkM1P {
    font-size: 16px;
  }
}
.onboardingModal_onboardingModal__btnWrap__CaXaX {
  width: 100%;
  margin-top: 50px;
}
.onboardingModal_onboardingModal__wrapper__fsMHS {
  position: fixed;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/OnboardingButton/onboardingButton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingButton_onboardingButton__R8Ggo {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 32px;
  width: 100%;
  padding: 18px;
  color: #e6e5ee;
  font-weight: 500;
  transition: color 0.2s ease-out;
  white-space: nowrap;
  transition: background 0.2s ease-out;
}
.onboardingButton_onboardingButton__R8Ggo:hover {
  background: linear-gradient(102.27deg, #1C193D 30.38%, #25214F 45.75%, #181439 65.94%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
}
.onboardingButton_onboardingButton__R8Ggo:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 480px) {
  .onboardingButton_onboardingButton__R8Ggo {
    padding: 12px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Checkbox/checkbox.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.checkbox_checkbox__dOZ5h {
  position: relative;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.checkbox_checkbox__dOZ5h::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #5b5779;
  border-radius: 9px;
  transition: border 0.2s ease-out;
}
.checkbox_checkbox__dOZ5h::after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 10px;
  border: solid #e6e5ee;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-out;
}
.checkbox_checkbox__checked__fYPzd::before {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  border: none;
  padding: 2px;
}
.checkbox_checkbox__checked__fYPzd::after {
  opacity: 1;
}
.checkbox_checkbox__input__gXBa0 {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox_checkbox__label__CtIj7 {
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 500;
  padding-left: 35px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/GuestLoginModel/guestLoginModal.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.guestLoginModal_guestForm__MfH2z {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: 100%;
}
.guestLoginModal_guestForm__errorWrap__bBhgC {
  padding-left: 20px;
}
.guestLoginModal_guestForm__inputError__V67yr {
  border: 1px solid red;
}
.guestLoginModal_guestForm__errorWrapMail__5wMAR {
  position: absolute;
  right: 20px;
  top: 23px;
}
.guestLoginModal_guestForm__errorsWrapper__aTSsy {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .guestLoginModal_guestForm__errorsWrapper__aTSsy {
    margin-top: 10px;
    gap: 5px;
    margin-bottom: 5px;
  }
}

.guestLoginModal_existingGuestToggle__kLSfC {
  color: white;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  margin-left: 3rem;
}
.guestLoginModal_existingGuestToggle__kLSfC label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.guestLoginModal_existingGuestToggle__kLSfC input[type=checkbox] {
  margin: 0;
}

.guestLoginModal_rewardsText__ePCqr {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #B9B5D0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.guestLoginModal_LinkText__Pw9ET {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/WidgetBadge/widgetBadge.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.widgetBadge_widgetBadge__g1_fN {
  position: relative;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.44) 0%, rgba(24, 20, 57, 0.44) 100%);
  border-radius: 32px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  max-height: 52px;
  padding: 15px 15px 15px 64px;
  min-width: 165px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-out;
}
@media (max-width: 1490px) {
  .widgetBadge_widgetBadge__g1_fN {
    min-width: 150px;
    padding: 15px 15px 15px 54px;
  }
}
@media (max-width: 480px) {
  .widgetBadge_widgetBadge__g1_fN {
    width: 100%;
  }
}
.widgetBadge_widgetBadge__closed__213ac {
  min-width: 52px;
  max-width: 52px;
  height: 52px;
  padding: 0;
}
.widgetBadge_widgetBadge__iconWrap__UpDqd {
  position: absolute;
  left: 0;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  height: 52px;
  width: 52px;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.84) 0%, rgba(24, 20, 57, 0.84) 100%);
  border-radius: 50%;
}
.widgetBadge_widgetBadge__label__c1jb7 {
  font-weight: 600;
  font-size: 16px;
  color: #e6e5ee;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.widgetBadge_widgetBadge__label_hidden__ZxT0H {
  opacity: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/LevelPoints/LevelPointsBar.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LevelPointsBar_levelPointsBar__header__PZj2A {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #28254f;
}
.LevelPointsBar_levelPointsBar__header_content__7hJC4 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.LevelPointsBar_levelPointsBar__header_text__lNcKw {
  font-size: 16px;
  font-weight: 700;
  color: #e6e5ee;
}
.LevelPointsBar_levelPointsBar__header_text__lNcKw .LevelPointsBar_userPoints__xihpb {
  font-size: 12px;
  font-weight: 500;
  color: #928eaa;
}
.LevelPointsBar_levelPointsBar__header_icon__C2n5u {
  width: 30px;
}
.LevelPointsBar_levelPointsBar__header_close__BXFLR {
  cursor: pointer;
}
.LevelPointsBar_levelPointsBar__dataWrapper__i2nvo {
  padding: 15px;
  border-top: 1px solid #28254f;
  border-radius: 15px;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%);
  margin-bottom: 15px;
  box-shadow: 0px 0px 1px #181837;
}
@media (max-width: 375px) {
  .LevelPointsBar_levelPointsBar__dataWrapper__i2nvo {
    padding: 7px;
  }
}
.LevelPointsBar_levelPointsBar__levelContainer__3_Tuj {
  overflow: scroll;
  padding: 30px 30px 0 30px;
  margin-bottom: 23px;
  max-height: 425px;
  overflow: auto;
}
.LevelPointsBar_levelPointsBar__levelContainer__3_Tuj::-webkit-scrollbar {
  width: 2px;
}
.LevelPointsBar_levelPointsBar__levelContainer__3_Tuj::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.LevelPointsBar_levelPointsBar__levelContainer__3_Tuj::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
@media (max-width: 375px) {
  .LevelPointsBar_levelPointsBar__levelContainer__3_Tuj {
    padding: 15px 15px 0 15px;
  }
}
.LevelPointsBar_levelPointsBar__levelContainer_content__cgizl {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 4.5fr 1fr 1fr;
  align-items: center;
  grid-gap: 3px;
  grid-gap: 3px;
  gap: 3px;
  margin-bottom: 10px;
}
.LevelPointsBar_levelPointsBar__levelContainer_icon__cRpnd {
  width: 50px;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  padding: 10px;
  border-radius: 16px;
  position: relative;
}
.LevelPointsBar_levelPointsBar__levelContainer_icon__cRpnd img {
  width: 30px;
}
.LevelPointsBar_levelPointsBar__levelContainer_badgeGC__i1nRZ {
  position: absolute;
  bottom: 0px;
  left: 19px;
  color: #e6e5ee;
  font-size: 12px;
  font-weight: 800;
  padding: 0;
}
.LevelPointsBar_levelPointsBar__levelContainer_cup__hFFgO {
  padding: 5px;
  text-align: center;
}
.LevelPointsBar_levelPointsBar__levelContainer_cup__hFFgO img {
  width: 40px;
  padding: 0;
}
.LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 {
  font-size: 16px;
  font-weight: 600;
}
.LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 .LevelPointsBar_levelName__EIz0T {
  color: #e6e5ee;
}
@media (max-width: 375px) {
  .LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 .LevelPointsBar_levelName__EIz0T {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 .LevelPointsBar_levelName__EIz0T {
    font-size: 12px;
  }
}
.LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 .LevelPointsBar_levelpoints__O_sOp {
  font-size: 12px;
  font-weight: 700;
  color: #928eaa;
}
@media (max-width: 375px) {
  .LevelPointsBar_levelPointsBar__levelContainer_name__eVuJ1 .LevelPointsBar_levelpoints__O_sOp {
    font-size: 11px;
  }
}
.LevelPointsBar_levelPointsBar__progressPercentage__a9rVv {
  position: absolute;
  right: 6px;
  top: 5px;
  font-size: 12px;
  font-weight: 700;
  padding: 2px;
  border-radius: 5px;
  color: #e6e5ee;
  background: rgba(40, 37, 79, 0.4196078431);
  color: #e6e5ee;
  text-shadow: 1px 1px 0px #28254f;
}
.LevelPointsBar_levelPointsBar__iconWrapper__xxfys {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}

.LevelPointsBar_levelProgressBar__oUvIh {
  position: relative;
  width: 100%;
  border-radius: 32px;
  height: 30px;
  padding: 7px;
  background-color: #28254f;
}
.LevelPointsBar_levelProgressBar__progress__W14Qm {
  height: 16px;
  border-radius: 32px;
  background: linear-gradient(282.89deg, #72f8fa -11.37%, #3fafe7 20.47%, #3693ff 52.31%, #8d4eff 84.15%, #c656fa 115.99%);
  transition: width 0.2s ease-out;
}
.LevelPointsBar_levelProgressBar__halfWayIcon__9pUIg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.LevelPointsBar_levelProgressBar__halfWayIcon_activePurple__mplFT svg rect {
  stroke: #ad64fd;
}
.LevelPointsBar_levelProgressBar__halfWayIcon_activePurple__mplFT svg rect:last-child {
  fill: #ad64fd;
}
.LevelPointsBar_levelProgressBar__halfWayIcon_active__rs2lm svg rect {
  stroke: #608bff;
}
.LevelPointsBar_levelProgressBar__halfWayIcon_active__rs2lm svg rect:last-child {
  fill: #608bff;
}
.LevelPointsBar_levelProgressBar__endWayIcon__ktUdY {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.LevelPointsBar_levelProgressBar__endWayIcon_active__o4J46 svg rect {
  stroke: #ad64fd;
}
.LevelPointsBar_levelProgressBar__endWayIcon_active__o4J46 svg rect:last-child {
  fill: #ad64fd;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/CircularProgressBar/circularProgressBar.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.circularProgressBar_circularProgressBar__E20vb {
  transform: rotate(135deg);
  stroke-linecap: round;
}
.circularProgressBar_circularProgressBar__centered__QmCbW {
  transform: rotate(0);
}
.circularProgressBar_circularProgressBar__wrapper__OUWTs {
  position: relative;
}
.circularProgressBar_circularProgressBar__level__Sqv7J {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--level-bg);
  font-weight: 600;
  font-size: 16px;
  right: 2%;
  bottom: 2%;
  color: #e6e5ee;
  z-index: 4;
}
.circularProgressBar_circularProgressBar__level_small__MVFEh {
  width: 22px !important;
  height: 22px !important;
  font-size: 12px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/GiftsWidget/giftsWidget.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.giftsWidget_giftsWidget__level__0_AHx {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #28254f;
  border-radius: 50%;
  min-width: 24px;
  min-height: 24px;
  width: 100%;
  height: 100%;
  color: #b9b5d0;
  font-size: 12px;
  font-weight: 600;
}
.giftsWidget_giftsWidget__contentWrap__wxwMi {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.giftsWidget_giftsWidget__progress__SZt2o {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 57px;
  min-height: 57px;
  border-radius: 50%;
  background: linear-gradient(180deg, #24214D -41.41%, #201B47 319.53%);
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 600;
}
.giftsWidget_giftsWidget__progressWrap__ePZ9u {
  position: relative;
  margin-bottom: 25px;
}
.giftsWidget_giftsWidget__progressWrap__ePZ9u::after {
  position: absolute;
  right: -7px;
  z-index: -1;
  top: 0;
  content: "";
  border-radius: 40px;
  width: 64px;
  height: 52px;
  background: linear-gradient(160.81deg, rgba(141, 51, 255, 0.24) 8.24%, rgba(95, 81, 255, 0.24) 76.76%, rgba(36, 150, 255, 0.24) 136.83%);
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.1215686275);
}
.giftsWidget_giftsWidget__progressWrap__ePZ9u::before {
  position: absolute;
  left: -5px;
  bottom: 0;
  content: "";
  border-radius: 40px;
  width: 52px;
  height: 40px;
  background: linear-gradient(162.34deg, rgba(141, 51, 255, 0.24) -35.61%, rgba(95, 81, 255, 0.24) 40.94%, rgba(36, 150, 255, 0.24) 108.04%);
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.1215686275);
}
.giftsWidget_giftsWidget__progressText__okUMu {
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.giftsWidget_giftsWidget__progressText_progress__cxfGM {
  margin: 0 4px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.giftsWidget_giftsWidget__subText__1gqd2 {
  color: #928eaa;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  max-width: 340px;
}
.giftsWidget_giftsWidget__sliderWrapper__qvcb_ {
  max-width: 100%;
  margin-bottom: 20px;
}
.giftsWidget_giftsWidget__rewardWrapper__k9YjW {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
}
.giftsWidget_giftsWidget__rewardTitle___0fsa {
  color: #b9b5d0;
  font-size: 14px;
  font-weight: 600;
}
.giftsWidget_giftsWidget__claimButton__F47x_ {
  margin: 20px 0;
  width: 100%;
  padding: 0 20px;
}
.giftsWidget_giftsWidget__claimButton__F47x_ button {
  width: 100%;
  padding: 15px 0;
}
.giftsWidget_giftsWidget__emptyState__FCV46 {
  font-size: 16px;
  font-weight: 600;
  color: #e6e5ee;
}
.giftsWidget_giftsWidget__newpopover__jlqU_ {
  min-width: 188px;
  max-width: 310px;
  max-height: 296px;
  z-index: 110;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.giftsWidget_giftsWidget__reward__tDFtb {
  margin-bottom: 24px;
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #B9B5D0;
}
.giftsWidget_giftsWidget__reward__tDFtb span {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

.giftsWidget_giftsWidget__hoverText__esx5d {
  z-index: 99999;
  color: white;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.giftsWidget_giftsWidget__hWTLB:hover .giftsWidget_giftsWidget__hoverText__esx5d {
  opacity: 1;
  transform: translateY(0);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/GiftsWidget/GiftCard/giftCard.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.giftCard_giftCard__oKB4g {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 98px;
  height: 98px;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.84) 0%, rgba(24, 20, 57, 0.84) 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 24px;
  margin-bottom: 8px;
}
.giftCard_giftCard__locked__kMThJ {
  opacity: 0.4;
}
.giftCard_giftCard__locked__kMThJ::before {
  display: none;
}
.giftCard_giftCard__oKB4g::before {
  position: absolute;
  content: "";
  border-radius: 22px;
  left: 20px;
  top: 25px;
  z-index: 1;
  width: 60px;
  height: 44px;
  transform: rotate(45deg);
  background: linear-gradient(100.49deg, rgba(114, 248, 250, 0.16) -50.94%, rgba(63, 175, 231, 0.16) -8.12%, rgba(54, 147, 255, 0.16) 34.7%, rgba(141, 78, 255, 0.16) 77.52%, rgba(198, 86, 250, 0.16) 120.34%);
  box-shadow: 0px 0px 12px 0px #2E2261;
}
.giftCard_giftCard__active__IYN2s {
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.84) 0%, rgba(24, 20, 57, 0.84) 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
}
.giftCard_giftCard__coin__7dtc2 {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 20px;
  width: 26px;
  height: 27px;
}
.giftCard_giftCard__spin__IQPIy {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
}
.giftCard_giftCard__roulette__ETB3Q {
  position: absolute;
  z-index: 2;
  left: 8px;
  bottom: 25px;
  width: 40px;
  height: 40px;
}
.giftCard_giftCard__label__x4fQD {
  font-size: 14px;
  font-weight: 600;
  color: #928eaa;
}
.giftCard_giftCard__label_locked__D34i0 {
  opacity: 0.4;
}
.giftCard_giftCard__label_active__at8Ld {
  color: #e6e5ee;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/GiftsWidget/MilestonesSlider/milestonesSlider.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.milestonesSlider_milestoneSlider__fskvW {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  margin-top: 20px;
}
.milestonesSlider_milestoneSlider__progressBar__m02GP {
  position: relative;
  background: #28254f;
  width: 100%;
  height: 8px;
  border-radius: 32px;
  margin-bottom: 25px;
  margin-top: 25px;
  margin-left: 50px;
  transition-property: transform;
  transition-delay: 0s;
}
.milestonesSlider_milestoneSlider__progressGradient__AdbLq {
  height: 100%;
  background: linear-gradient(96.99deg, #72F8FA -2.34%, #3FAFE7 23.48%, #3693FF 49.3%, #8D4EFF 75.12%, #C656FA 100.94%);
  border-radius: 32px;
}
.milestonesSlider_milestoneSlider__progressPoint__8xwyU {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 600;
  color: #5b5779;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #28254f;
  border-radius: 50%;
}
.milestonesSlider_milestoneSlider__progressPoint_active___ARWH {
  background: linear-gradient(272.18deg, #8D33FF 7.64%, #5F51FF 61.21%, #2496FF 108.17%);
  color: #e6e5ee;
}
.milestonesSlider_milestoneSlider__title__q9mxp {
  color: #e6e5ee;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: start;
}
.milestonesSlider_milestoneSlider__arrow__az5g7 {
  position: absolute;
  width: 32px;
  height: 32px;
}
.milestonesSlider_milestoneSlider__arrow__az5g7 svg {
  width: 32px;
  height: 32px;
}
.milestonesSlider_milestoneSlider__arrow_prev__o99vT {
  bottom: unset;
  top: 0px;
  right: 70px;
  left: unset;
  transform: rotate(180deg);
}
.milestonesSlider_milestoneSlider__arrow_next__Ws4ip {
  bottom: unset;
  top: 0px;
  right: 32px;
  left: unset;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 21, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/BurgerMenu/burgerMenu.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.burgerMenu_burgerMenu__tAUWe {
  position: relative;
  display: none;
  height: auto;
  max-width: 100vw;
}
@media (max-width: 1100px) {
  .burgerMenu_burgerMenu__tAUWe {
    display: flex;
  }
}
.burgerMenu_burgerMenu__btn__VA__q {
  cursor: pointer;
}
.burgerMenu_burgerMenu__intercomBtn__OwS6X {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
}
.burgerMenu_burgerMenu__menuWrapper__7DLfz {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  padding: 15px 0;
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.burgerMenu_burgerMenu__socialWrapper__YBjSN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 8;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.burgerMenu_burgerMenu__socialWrapper__YBjSN > a {
  border-radius: 15px;
  width: 70px;
  height: 50px;
}
.burgerMenu_burgerMenu__inputWrap__0cyLr {
  max-width: 420px;
  width: 100%;
}
.burgerMenu_burgerMenu__sharedMenuStyle__728yg {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  top: 168px;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 10;
  padding: 20px;
}
.burgerMenu_burgerMenu__casino__widgetsWrapper__St06H {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-top: 5px;
  margin-top: 0;
  padding-top: 0;
  justify-content: space-between;
}
.burgerMenu_burgerMenu__casino__widgetsWrapper__St06H > div {
  width: 48%;
}
.burgerMenu_burgerMenu__casino__widgetsWrapper__St06H > div > button {
  width: 100%;
  min-width: 100%;
}
.burgerMenu_burgerMenu__MenuStyle__Wjjap {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 10;
  position: relative;
  margin: 20px 0;
}
.burgerMenu_burgerMenu__search__ZoKBL {
  margin: 7px 20px 20px 20px;
}
.burgerMenu_burgerMenu__MenuStyleData__wEv_z {
  position: relative;
  padding: 16px;
}
.burgerMenu_burgerMenu__MenuStyleData__wEv_z::before {
  position: absolute;
  content: "";
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.burgerMenu_burgerMenu__MenuStyleMain__WCJBz::before {
  position: absolute;
  content: "";
  top: 157px;
  left: 0;
  width: 100%;
  height: 2px;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__MenuStyleMain__WCJBz::before {
    top: 145px;
  }
}
.burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 9;
  padding: 16px;
  position: relative;
  margin-bottom: 20px;
}
.burgerMenu_burgerMenu__MenuStylesupport__sMm5f::before {
  position: absolute;
  content: "";
  top: 70px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #28254f;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__MenuStylesupport__sMm5f::before {
    top: 55px;
  }
}
.burgerMenu_burgerMenu__MenuRecents__fTvY0 {
  position: relative;
  margin-bottom: 20px;
}
.burgerMenu_burgerMenu_withBorder__enWFg {
  color: #928eaa;
  margin-bottom: 20px;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 600;
}

.burgerMenu_quickAccessMenu__4qxAl {
  max-width: 100vw;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  z-index: 3;
  position: absolute;
  background-color: #0d0d23;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out, -webkit-clip-path 0.2s ease-out;
}
.burgerMenu_quickAccessMenu__iconData__NAcY3 {
  position: relative;
}
.burgerMenu_quickAccessMenu__iconData__NAcY3::before {
  top: -55px;
  left: 30px;
  content: "";
  background: linear-gradient(180deg, #1F1D3E 0%, #1A1838 100%);
  width: 130px;
  height: 130px;
  border-radius: 100%;
  z-index: 1;
  position: absolute;
}
.burgerMenu_quickAccessMenu__iconData__NAcY3::after {
  top: -75px;
  left: -41px;
  content: "";
  background: #0A0A1B;
  width: 276px;
  height: 276px;
  border-radius: 100%;
  z-index: 0;
  position: absolute;
}
.burgerMenu_quickAccessMenu__icon__8f1fc {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  z-index: 6;
  position: relative;
  top: -30px;
  left: 55px;
}
.burgerMenu_quickAccessMenu__iconWrapper__ETc__ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.burgerMenu_quickAccessMenu__content__E68ck {
  padding: 10px 20px 0 20px;
  overflow: auto;
  max-height: calc(100% - 160px);
}
.burgerMenu_quickAccessMenu__content__E68ck::-webkit-scrollbar {
  width: 2px;
}
.burgerMenu_quickAccessMenu__content__E68ck::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.burgerMenu_quickAccessMenu__content__E68ck::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.burgerMenu_quickAccessMenu__levelWrap__kuDu5 {
  width: 100%;
}
.burgerMenu_quickAccessMenu__menuWrap__GaHQ9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}
.burgerMenu_quickAccessMenu__head__5xwWU {
  position: relative;
  margin-top: 17px;
  margin-bottom: 55px;
  width: 100%;
}
.burgerMenu_quickAccessMenu__headImg__EdHdz {
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
.burgerMenu_quickAccessMenu__headLogo__o9qFg {
  position: absolute;
  width: 110px;
  left: 30px;
  top: 30px;
}
.burgerMenu_quickAccessMenu__actionsWrapper__NwC5O {
  display: flex;
  align-items: center;
  gap: 25px;
}
.burgerMenu_quickAccessMenu__info__LnWnp {
  position: absolute;
  top: 151px;
  left: 10%;
  display: flex;
  align-items: center;
  gap: 225px;
}
.burgerMenu_quickAccessMenu__infoWrapper__5yNE3 {
  display: flex;
  flex-direction: column;
}
.burgerMenu_quickAccessMenu__infoWrapper_name__wxiwO {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.burgerMenu_quickAccessMenu__infoWrapper_subName__QcaDI {
  color: #928eaa;
  font-size: 16px;
  font-weight: 600;
}
.burgerMenu_quickAccessMenu__confirmationTitle__ryu9Y {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.burgerMenu_quickAccessMenu__confirmationText__fA_xa {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.burgerMenu_quickAccessMenu__confirmationText__fA_xa span {
  color: #e6e5ee;
}
.burgerMenu_quickAccessMenu__confirmationCancelBtn__4flG2 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.burgerMenu_quickAccessMenu__confirmationCancelBtn__4flG2:hover {
  color: #e6e5ee;
}
.burgerMenu_quickAccessMenu__actionsWrapper__NwC5O {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.burgerMenu_quickAccessMenu__actionsWrapper__NwC5O button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .burgerMenu_burgerMenu__inputWrap__0cyLr {
    max-width: 80%;
  }
  .burgerMenu_burgerMenu__sharedMenuStyle__728yg {
    max-width: 80%;
  }
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    max-width: 80%;
    width: 100%;
    padding: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .burgerMenu_burgerMenu__inputWrap__0cyLr {
    max-width: 550px;
  }
  .burgerMenu_burgerMenu__sharedMenuStyle__728yg {
    max-width: 550px;
    width: 100%;
  }
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    max-width: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
}
@media (min-width: 425px) and (max-width: 767px) {
  .burgerMenu_burgerMenu__sharedMenuStyle__728yg {
    padding: 26px;
    max-width: 100%;
  }
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
  .burgerMenu_burgerMenu__inputWrap__0cyLr {
    max-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .burgerMenu_burgerMenu__sharedMenuStyle__728yg {
    padding: 6px;
    max-width: 100%;
  }
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
  }
  .burgerMenu_burgerMenu__inputWrap__0cyLr {
    max-width: 100%;
  }
  .burgerMenu_burgerMenu__casino__widgetsWrapper__St06H {
    width: 100%;
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .burgerMenu_burgerMenu__sharedMenuStyle__728yg {
    padding: 26px;
    max-width: 100%;
  }
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::before {
    top: -40px;
    left: 15px;
    width: 103px;
    height: 103px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::after {
    top: -56px;
    left: -25px;
    width: 184px;
    height: 184px;
  }
  .burgerMenu_quickAccessMenu__icon__8f1fc {
    width: 70px;
    height: 70px;
    top: -21px;
    left: 34px;
  }
  .burgerMenu_quickAccessMenu__info__LnWnp {
    top: 153px;
    left: 10%;
    gap: 110px;
  }
}
@media (max-width: 520px) {
  .burgerMenu_quickAccessMenu__headImg__EdHdz {
    height: 135px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::before {
    top: -27px;
    left: -5px;
    width: 100px;
    height: 100px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::after {
    top: -41px;
    left: -23px;
    width: 134px;
    height: 134px;
  }
  .burgerMenu_quickAccessMenu__icon__8f1fc {
    width: 59px;
    height: 59px;
    top: -6px;
    left: 18px;
  }
  .burgerMenu_quickAccessMenu__info__LnWnp {
    top: 115px;
    left: 10%;
    gap: 85px;
  }
}
@media (max-width: 430px) {
  .burgerMenu_quickAccessMenu__headImg__EdHdz {
    height: 135px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::before {
    top: -20px;
    left: -1px;
    width: 80px;
    height: 80px;
  }
  .burgerMenu_quickAccessMenu__iconData__NAcY3::after {
    top: -31px;
    left: -11px;
    width: 100px;
    height: 100px;
  }
  .burgerMenu_quickAccessMenu__icon__8f1fc {
    width: 65px;
    height: 65px;
    top: -12px;
    left: 8px;
  }
  .burgerMenu_quickAccessMenu__info__LnWnp {
    top: 112px;
    left: 10%;
    gap: 50px;
  }
}
@media (max-width: 360px) {
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    padding: 15px;
  }
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__MenuStyle__Wjjap, .burgerMenu_burgerMenu__MenuStylesupport__sMm5f {
    padding: 10px;
  }
}
.burgerMenu_BurgerMenu_wrapper__je_0M {
  max-width: 1300px;
  transition: max-width 0.2s ease-out;
}
@media (max-width: 1280px) {
  .burgerMenu_BurgerMenu_wrapper__je_0M {
    width: 100%;
  }
}
.burgerMenu_BurgerMenu_wrapper__categoriesWrapper__J58KV {
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .burgerMenu_BurgerMenu_wrapper__categoriesWrapper__J58KV {
    margin-bottom: 25px;
  }
}
@media (max-width: 1280px) {
  .burgerMenu_BurgerMenu_wrapper__chat__YwDnF {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
}
.burgerMenu_BurgerMenu__iconWrapper__yKr3v {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.burgerMenu_BurgerMenu__widgetsWrapper__d0rdk {
  display: none;
  margin: 25px 0 5px 0;
  gap: 15px;
}
@media (max-width: 1100px) {
  .burgerMenu_BurgerMenu__widgetsWrapper__d0rdk {
    display: flex;
  }
}
@media (max-width: 480px) {
  .burgerMenu_BurgerMenu__widgetsWrapper__d0rdk {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.burgerMenu_BurgerMenu__confirmationTitle__Fbb0s {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.burgerMenu_BurgerMenu__confirmationText__LqEb2 {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.burgerMenu_BurgerMenu__confirmationText__LqEb2 span {
  color: #e6e5ee;
}
.burgerMenu_BurgerMenu__confirmationCancelBtn__TjUG4 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.burgerMenu_BurgerMenu__confirmationCancelBtn__TjUG4:hover {
  color: #e6e5ee;
}
.burgerMenu_BurgerMenu__actionsWrapper__ylctJ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.burgerMenu_BurgerMenu__actionsWrapper__ylctJ button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/FavouriteButton/favouriteButton.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.favouriteButton_favouriteButton__mfpvd {
  border: none;
  min-width: 40px;
  min-height: 40px;
  background-color: #28254f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  transition: background 0.2s ease-out;
}
@media (max-width: 1280px) {
  .favouriteButton_favouriteButton__mfpvd {
    min-width: 28px;
    min-height: 28px;
  }
  .favouriteButton_favouriteButton__mfpvd svg {
    width: 12px;
    height: 12px;
  }
}
.favouriteButton_favouriteButton__mfpvd svg {
  margin-bottom: 2px;
}
.favouriteButton_favouriteButton__mfpvd svg path {
  transition: 0.2s ease-out;
  transition-property: fill, stroke;
}
.favouriteButton_favouriteButton__active__MlJhe {
  background: linear-gradient(180deg, #252150 0%, #231D50 100%);
}
.favouriteButton_favouriteButton__active__MlJhe:hover svg path {
  fill: #3ba0f3 !important;
  stroke: #3ba0f3 !important;
}
.favouriteButton_favouriteButton__active__MlJhe svg path {
  fill: #3ba0f3;
  stroke: #3ba0f3;
}
.favouriteButton_favouriteButton__md__l5Fz8 {
  width: 52px;
  height: 52px;
  background: rgba(28, 25, 61, 0.4392156863);
}
.favouriteButton_favouriteButton__mfpvd:hover svg path {
  fill: #b9b5d0;
  stroke: #b9b5d0;
}
.favouriteButton_favouriteButton__mfpvd:disabled {
  background: linear-gradient(180deg, #15132F 0%, #13102E 100%);
}
.favouriteButton_favouriteButton__mfpvd:disabled svg path {
  fill: #5b5779;
  stroke: #5b5779;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/GameCard/gameCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gameCard_gameCard__iIphX {
  position: relative;
  width: 200px;
  height: 252px;
  border-radius: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  margin-right: 12px;
  cursor: pointer;
}
.gameCard_gameCard__background__lZ9H6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  flex-direction: column;
  padding: 12px 0 20px 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 22px;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: linear-gradient(180deg, rgba(13, 13, 35, 0.8) 0%, rgba(13, 13, 35, 0.48) 42.19%, rgba(13, 13, 35, 0.8) 82.55%);
  transition: opacity 0.2s ease-out;
}
.gameCard_gameCard__background__lZ9H6:hover {
  opacity: 1;
}
.gameCard_gameCard__rtpLabel__AAkys {
  color: #928eaa;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.gameCard_gameCard__rtpCount__yWknZ {
  color: #e6e5ee;
  font-size: 12px;
  font-weight: 600;
}
.gameCard_gameCard__icon__S_RAl {
  margin-top: 24px;
}
.gameCard_gameCard__playText__MP6t8 {
  color: white;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  width: 150px;
  height: 40px;
  background: linear-gradient(101deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  border-radius: 32px;
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #e6e5ee;
  border: none;
  transition: opacity 0.2s ease-out;
}
.gameCard_gameCard__playText__MP6t8:hover {
  opacity: 0.9;
}
@media (max-width: 1207px) {
  .gameCard_gameCard__playText__MP6t8 {
    width: 145px;
    height: 45px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .gameCard_gameCard__playText__MP6t8 {
    font-size: 14px;
    width: 75%;
  }
}
.gameCard_gameCard__name__h8VhD {
  font-size: 14px;
  font-weight: 600;
  color: #e6e5ee;
}
.gameCard_gameCard__provider__oFznI {
  color: #928eaa;
  font-size: 12px;
  font-weight: 600;
}
.gameCard_gameCard__withTooltip___PSfB {
  border: 2px solid #72f8fa;
}
@media (max-width: 1490px) {
  .gameCard_gameCard__iIphX {
    width: 150px;
    height: 187px;
  }
  .gameCard_gameCard__icon__S_RAl {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  .gameCard_gameCard__iIphX {
    width: 125px;
    height: 158px;
    border-radius: 18px;
  }
  .gameCard_gameCard__background__lZ9H6 {
    border-radius: 14px;
    padding: 8px;
  }
  .gameCard_gameCard__icon__S_RAl {
    margin-top: 0;
  }
  .gameCard_gameCard__icon__S_RAl svg {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .gameCard_gameCard__iIphX {
    width: 120px;
    height: 154px;
    border-radius: 16px;
  }
}
@media (max-width: 480px) {
  .gameCard_gameCard__iIphX {
    width: 110px;
    height: 140px;
    border-radius: 16px;
  }
}
.gameCard_gameCard__btnWrapper__HCrTW {
  position: absolute;
  right: 10px;
  top: 10px;
}
.gameCard_gameCard__tooltipLabel__J1aAI {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 8px 30px;
  border-radius: 12px 12px 0 0;
  color: #e6e5ee;
  border: 2px solid #72f8fa;
  border-bottom: none;
  background-color: #1c193d;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Slider/slider.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.slider_slider__track__xpiWg {
  padding-top: 80px;
  height: 100%;
  gap: 20px;
}
.slider_slider__track_offset__Z9_B0 {
  padding-top: 40px;
}
@media (max-width: 1280px) {
  .slider_slider__track_offset__Z9_B0 {
    padding-top: 30px;
  }
}
.slider_slider__track_smallOffset__Sa5ue {
  padding-top: 70px;
}
@media (max-width: 768px) {
  .slider_slider__track__xpiWg {
    gap: 12px;
  }
}

.slider_custom__disabled__zzps6 {
  opacity: 0.3 !important;
  pointer-events: none !important;
}
.slider_custom__aXizF button[data-size=md] {
  background: transparent;
}
.slider_custom__aXizF button[data-size=md]:first-child {
  right: 40px !important;
}
.slider_custom__aXizF button[data-size=md]:last-child {
  right: 0 !important;
}
.slider_custom__aXizF button[data-size=md] svg {
  width: 32px !important;
  height: 32px !important;
}
.slider_custom__arrow__rL69N {
  width: 40px !important;
  height: 40px !important;
}
.slider_custom__arrow__rL69N svg {
  width: 40px !important;
  height: 40px !important;
}
.slider_custom__arrow_prev__ChBQJ {
  bottom: unset !important;
  top: 40px !important;
  right: 60px !important;
  left: unset !important;
}
@media (max-width: 768px) {
  .slider_custom__arrow_prev__ChBQJ {
    display: none !important;
  }
}
.slider_custom__arrow_next__oNE2z {
  bottom: unset !important;
  top: 40px !important;
  right: 12px !important;
  left: unset !important;
}
@media (max-width: 768px) {
  .slider_custom__arrow_next__oNE2z {
    display: none !important;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/GamesSlider/gamesSlider.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gamesSlider_gamesSlider__JG4E6 {
  position: relative;
}
.gamesSlider_gamesSlider__titleWrapper__59rRO {
  position: absolute;
  left: 0;
  top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1280px) {
  .gamesSlider_gamesSlider__titleWrapper__59rRO {
    gap: 8px;
    top: 30px;
  }
  .gamesSlider_gamesSlider__titleWrapper__59rRO svg {
    width: 18px;
    height: 22px;
  }
}
.gamesSlider_gamesSlider__titleWrapper_md__HDJ8B {
  top: 30px;
}
.gamesSlider_gamesSlider__title__KDg73 {
  font-size: 24px;
  font-weight: 800;
  color: #e6e5ee;
}
@media (max-width: 1280px) {
  .gamesSlider_gamesSlider__title__KDg73 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .gamesSlider_gamesSlider__title__KDg73 {
    font-size: 16px;
  }
}
.gamesSlider_gamesSlider__title_md__vpprT {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
.gamesSlider_gamesSlider__actionContent__c6clu {
  position: absolute;
  top: 20px;
  right: 130px;
}
@media (max-width: 768px) {
  .gamesSlider_gamesSlider__actionContent__c6clu {
    right: 0;
  }
}
.gamesSlider_gamesSlider__actionContent_md__2Izcz {
  top: 25px;
  right: 90px;
}
@media (max-width: 768px) {
  .gamesSlider_gamesSlider__actionContent_md__2Izcz {
    right: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Input/input.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.input_input__Gakqx {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0d0d23;
  border-radius: 32px;
  border: 2px solid transparent;
  padding: 14px 50px 14px 25px;
  color: #e6e5ee;
  width: 100%;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .input_input__Gakqx {
    padding: 10px 50px 10px 25px;
  }
}
.input_input__parentWrap__tPmUQ {
  position: relative;
  width: 100%;
  height: 56px;
}
@media (max-width: 1280px) {
  .input_input__parentWrap__tPmUQ {
    height: 48px;
  }
}
.input_input__wrapper__Zy2ic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: width 0.2s ease-out;
  height: 56px;
}
@media (max-width: 1280px) {
  .input_input__wrapper__Zy2ic {
    height: 48px;
  }
}
.input_input__Gakqx:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  border: 2px solid rgba(230, 229, 238, 0.0392156863) !important;
  border-radius: 32px;
  font-weight: 600;
  color: #e6e5ee !important;
  -webkit-text-fill-color: #e6e5ee !important;
  animation-name: input_onAutoFillStart___EHRe;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
}
.input_input__Gakqx::placeholder {
  font-size: 16px;
  font-weight: 600;
  color: #53516a;
}
.input_input__Gakqx:focus {
  outline: none;
  background: linear-gradient(180deg, #0d0d23 0%, #0d0d23 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
}
.input_input__icon__F7VGQ {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.input_input__icon__F7VGQ svg path {
  stroke: #DDD;
}
.input_input__clearIcon__MYcUI {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-radius: 50%;
  padding: 10px;
  height: 32px;
  width: 32px;
}
.input_input__clearIcon__MYcUI svg {
  width: 8px;
  height: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/BurgerMenu/BurgerMenuSearch.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BurgerMenuSearch_gamesView__filtersWrap__9aH56 {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 25px;
  gap: 15px;
}
@media (max-width: 1280px) {
  .BurgerMenuSearch_gamesView__filtersWrap__9aH56 {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .BurgerMenuSearch_gamesView__filtersWrap__9aH56 {
    flex-direction: row-reverse;
    margin-bottom: 0;
  }
}
.BurgerMenuSearch_gamesView__resetButton__RS8VU {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.72) 0%, rgba(24, 20, 57, 0.72) 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  padding: 15px 15px 15px 25px;
  white-space: nowrap;
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
}
.BurgerMenuSearch_gamesView__resetButton__RS8VU svg {
  width: 12px;
  height: 12px;
}
@media (max-width: 1100px) {
  .BurgerMenuSearch_gamesView__resetButton__RS8VU {
    width: 40px;
    height: 40px;
    border-radius: 16px;
    padding: 0;
  }
  .BurgerMenuSearch_gamesView__resetButton__RS8VU svg {
    width: 10px;
    height: 10px;
  }
  .BurgerMenuSearch_gamesView__resetButton__RS8VU span {
    display: none;
  }
}
.BurgerMenuSearch_gamesView__noResults__8kegV {
  margin: 60px 0;
  text-align: center;
  width: 100%;
  color: #928eaa;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .BurgerMenuSearch_gamesView__noResults__8kegV {
    font-size: 14px;
  }
}
.BurgerMenuSearch_gamesView__actionsWrap__asKyr {
  display: flex;
  align-items: center;
  gap: 15px;
}
.BurgerMenuSearch_gamesView__inputWrap__LAmLQ {
  width: 93.5%;
  margin: 0 auto;
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  padding: 8.5px 15px 8.5px 20px;
  color: #928eaa;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.72) 0%, rgba(24, 20, 57, 0.72) 100%);
  transition: color 0.2s ease-out;
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq span {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .BurgerMenuSearch_gamesView__actionBtn___VGdq {
    right: 0;
  }
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq:hover {
  color: #e6e5ee;
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq:hover path {
  stroke: #e6e5ee;
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq svg {
  transform: rotate(90deg);
  height: 6px;
}
.BurgerMenuSearch_gamesView__actionBtn___VGdq svg path {
  transition: stroke 0.2s ease-out;
  stroke: #928eaa;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ShopModal/shopModal.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shopModal_shopModal__CwL3j {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%) scale(0.7);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 90%;
  max-height: 200vh;
  padding: 30px 40px 15px 40px;
  background: #110f2a;
  border-radius: 32px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
  box-shadow: 0px 0px 30px rgba(153, 50, 204, 0.5215686275);
}
@media (max-width: 480px) {
  .shopModal_shopModal__CwL3j {
    max-width: calc(100% - 30px);
    padding: 30px 30px 15px 30px;
  }
}
.shopModal_shopModal__withOffset__8npJ1 {
  padding: 85px 0 15px 0;
}
.shopModal_shopModal__open__U8t0C {
  transform: translate(-50%, -44%) scale(1);
  opacity: 1;
  pointer-events: all;
}
.shopModal_shopModal__openZoom__ACArj {
  transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 425px) {
  .shopModal_shopModal__openZoom__ACArj {
    padding: 15px 15px;
  }
}
@media (max-width: 375px) {
  .shopModal_shopModal__openZoom__ACArj {
    padding: 5px 5px;
  }
}
.shopModal_shopModal__header__CZ7VS {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 480px) {
  .shopModal_shopModal__header__CZ7VS {
    padding: 20px 15px;
  }
}
.shopModal_shopModal__header_withBorder__4ipyL {
  border-bottom: 2px solid #28254f;
}
.shopModal_shopModal__closeBtn__7AhWU {
  position: absolute;
  right: 15px;
  top: 25px;
}
.shopModal_shopModal__closeBtn__7AhWU svg path {
  stroke: #4C4773;
}
.shopModal_shopModal__hidden__WsQx1 {
  display: none;
}
.shopModal_shopModal__title__m4YQZ {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e6e5ee;
  font-size: 20px;
  font-weight: 600;
}
.shopModal_shopModal__content__fr5XI {
  max-height: calc(90vh - 110px);
  overflow: auto;
  overflow-x: hidden;
}
.shopModal_shopModal__content_offset__hCQYz {
  padding-bottom: 32px;
}
.shopModal_shopModal__content__fr5XI::-webkit-scrollbar {
  width: 2px;
}
.shopModal_shopModal__content__fr5XI::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.shopModal_shopModal__content__fr5XI::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.shopModal_shopModal__heightFull__LO3Hs {
  max-height: calc(110vh - 110px);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/AdSlider/adSlider.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.adSlider_adSlider__TsZBY {
  height: 288px;
  width: 100%;
  margin-top: 45px;
  padding: 0;
}
@media (max-width: 1280px) {
  .adSlider_adSlider__TsZBY {
    height: 244px;
  }
}
.adSlider_adSlider__track__e7j3J {
  height: 100%;
  border-radius: 32px;
}
@media (max-width: 768px) {
  .adSlider_adSlider__TsZBY {
    height: 186px;
  }
}
@media (max-width: 620px) {
  .adSlider_adSlider__TsZBY {
    margin-top: 15px;
  }
}

.adSlider_custom__arrow__MTWPz {
  background: unset !important;
  width: 52px !important;
  height: 52px !important;
}
@media (max-width: 768px) {
  .adSlider_custom__arrow__MTWPz {
    width: 40px !important;
    height: 40px !important;
  }
  .adSlider_custom__arrow__MTWPz svg {
    width: 40px !important;
    height: 40px !important;
  }
}
.adSlider_custom__arrow_prev__pIjDn {
  right: 100px !important;
  bottom: 0px !important;
  left: unset !important;
  top: unset !important;
}
.adSlider_custom__arrow_next__KZ96J {
  right: 40px !important;
  bottom: 0px !important;
  left: unset !important;
  top: unset !important;
}
.adSlider_custom__arrow__MTWPz svg {
  width: 52px !important;
  height: 52px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/components/shared/AdSlider/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__pagination {
  top: 40px !important;
  left: 80px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 !important;
}
@media (max-width: 1490px) {
  .splide__pagination {
    top: 40px !important;
    left: 40px !important;
  }
}
@media (max-width: 1280px) {
  .splide__pagination {
    top: 33px !important;
    left: 33px !important;
  }
}
@media (max-width: 768px) {
  .splide__pagination {
    top: 20px !important;
    left: 20px !important;
  }
}

.splide__pagination__page {
  width: 20px !important;
  height: 8px !important;
  background-color: #28254F !important;
  border-radius: 32px !important;
  transition: width 0.2s ease-out !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .splide__pagination__page {
    width: 16px !important;
    height: 6px !important;
  }
}

.splide__pagination__page.is-active {
  width: 36px !important;
  background: linear-gradient(96.99deg, #72F8FA -2.34%, #3FAFE7 23.48%, #3693FF 49.3%, #8D4EFF 75.12%, #C656FA 100.94%) !important;
  transform: scale(1) !important;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .splide__pagination__page.is-active {
    width: 20px !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/AdShopCard/adShopCard.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.adShopCard_adCard__Dhwyr {
  width: 100%;
  height: 100%;
  min-height: 288px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1280px) {
  .adShopCard_adCard__Dhwyr {
    height: 244px;
  }
}
.adShopCard_adCard__slideContent__oNpFX {
  position: relative;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 80px 40px 40px 80px;
}
@media (max-width: 1490px) {
  .adShopCard_adCard__slideContent__oNpFX {
    padding: 73px 40px 73px 40px;
  }
}
@media (max-width: 1280px) {
  .adShopCard_adCard__slideContent__oNpFX {
    padding: 60px 33px 60px 33px;
  }
}
@media (max-width: 768px) {
  .adShopCard_adCard__slideContent__oNpFX {
    padding: 46px 20px 20px 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
.adShopCard_adCard__slideContent_title__vsaeT {
  color: #e6e5ee;
  font-weight: 800;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 1280px) {
  .adShopCard_adCard__slideContent_title__vsaeT {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 768px) {
  .adShopCard_adCard__slideContent_title__vsaeT {
    font-size: 20px;
    line-height: 32px;
  }
}
.adShopCard_adCard__slideContent_subtitle__Tkwb3 {
  color: #b9b5d0;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .adShopCard_adCard__slideContent_subtitle__Tkwb3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.adShopCard_adCard__slideContent_list__IKUQw {
  position: absolute;
  bottom: 40px;
  left: 680px;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: self-start;
}
@media (max-width: 768px) {
  .adShopCard_adCard__slideContent_list__IKUQw {
    display: none;
  }
}
.adShopCard_adCard__slideContent_listItemLabel__VvdvY {
  color: #928eaa;
  font-weight: 600;
  margin-right: 5px;
}
.adShopCard_adCard__slideContent_listItemValue__cSI5Q {
  color: #e6e5ee;
  font-weight: 600;
}
.adShopCard_adCard__slideContent_inputWrpper__7zTO_ {
  display: flex;
  align-items: center;
  position: relative;
}
.adShopCard_adCard__slideContent_coinGCWrpper__RPd0f {
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #2E2A5C 0%, #292459 100%);
  padding: 12px;
  border-radius: 50px;
  width: 105px;
  z-index: 2;
}
.adShopCard_adCard__slideContent_imagGC__rfe44 img {
  width: 25px;
}
.adShopCard_adCard__slideContent_textGC__egQON {
  color: #e6e5ee;
  margin-left: 15px;
  font-weight: 600;
}
.adShopCard_adCard__slideContent_input__M8zhN {
  margin-left: -21px;
}
.adShopCard_adCard__slideContent_input__M8zhN input {
  background: #0f0523;
  height: 50px;
  color: #E6E5EE;
  outline: none;
  width: 415px;
  padding: 0 35px;
  font-weight: 600;
  border: 2px solid #210b4d;
}
.adShopCard_adCard__slideContent_btninfo__OedCT {
  margin-left: -65px;
}
.adShopCard_adCard__slideContent_btnBuy__Mgqs9 {
  margin-left: 20px;
}
.adShopCard_adCard__slideContent_btnBuy__Mgqs9 button {
  width: 100px;
}

.adShopCard_robotIconWrapper__C1ndH {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Loader/loader.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.loader_loader__QTXQA {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
}
@media (max-width: 1100px) {
  .loader_loader__QTXQA {
    height: 100vh;
  }
}
@media (max-width: 768px) {
  .loader_loader__QTXQA {
    min-height: 60vh;
    margin-top: -100px;
  }
}
.loader_loader__QTXQA img {
  width: 200px;
  height: 200px;
}
.loader_loader__title__5HXKf {
  font-size: 24px;
  font-weight: 800;
  color: #e6e5ee;
  text-transform: uppercase;
}
.loader_loader__wrapper___9dJx {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  gap: 25px;
}
@media (max-width: 768px) {
  .loader_loader__wrapper___9dJx {
    margin-top: 15px;
  }
}
.loader_loader__dots__bGxkV {
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
}
.loader_loader__dots__bGxkV::before {
  width: 4px;
  height: 4px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: -11px;
  top: 1px;
}
.loader_loader__dots__bGxkV::after {
  width: 8px;
  height: 8px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  content: "";
  position: absolute;
  border-radius: 50%;
  right: -15px;
  top: -1px;
}
.loader_loader__dotsRight__nUvQO {
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
}
.loader_loader__dotsRight__nUvQO::after {
  width: 8px;
  height: 8px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  content: "";
  position: absolute;
  border-radius: 50%;
  left: -15px;
  top: -1px;
}
.loader_loader__dotsRight__nUvQO::before {
  width: 4px;
  height: 4px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  content: "";
  position: absolute;
  border-radius: 50%;
  right: -11px;
  top: 1px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/SCBundleCard/ScBundleCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ScBundleCard_scBundleCard__RZWPD {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  max-width: 90%;
  height: 390px;
  border-radius: 45px;
  padding: 32px 8px 60px 8px;
  text-align: center;
  width: 100%;
}
.ScBundleCard_scBundleCard__centered__jHGWw {
  align-items: center;
}
@media (max-width: 1280px) {
  .ScBundleCard_scBundleCard__RZWPD {
    padding: 70px 8px;
  }
}
@media (max-width: 1100px) {
  .ScBundleCard_scBundleCard__RZWPD {
    padding: 32px 8px;
    max-width: 47%;
  }
}
@media (max-width: 992px) {
  .ScBundleCard_scBundleCard__RZWPD {
    padding: 70px 8px;
  }
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__RZWPD {
    padding: 40px 8px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__RZWPD {
    max-width: 28%;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__RZWPD {
    padding: 20px 8px;
    border-radius: 20px;
    height: 205px;
    background: radial-gradient(100% 100% at 50.16% 100%, #211f5e 0%, #171536 100%);
  }
}
.ScBundleCard_scBundleCard__content__IY1Aj {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 5px;
  z-index: 1;
  width: 85%;
  border-radius: 45px;
  justify-content: center;
  position: absolute;
  top: 155px;
}
.ScBundleCard_scBundleCard__content_column__lF7U4 {
  flex-direction: column;
}
.ScBundleCard_scBundleCard__content_title__SYxHE {
  font-size: 64px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
}
@media (max-width: 1280px) {
  .ScBundleCard_scBundleCard__content__IY1Aj {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__content_title__SYxHE {
    font-size: 32px;
  }
  .ScBundleCard_scBundleCard__content_subtitle__a5ieD {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__content__IY1Aj {
    border-radius: 25px;
  }
  .ScBundleCard_scBundleCard__content_title__SYxHE {
    font-size: 26px;
  }
  .ScBundleCard_scBundleCard__content_subtitle__a5ieD {
    font-size: 8px;
  }
}
.ScBundleCard_scBundleCard__img__I7KbU {
  width: 120px;
}
@media (max-width: 1280px) {
  .ScBundleCard_scBundleCard__img__I7KbU {
    width: 100px;
  }
}
@media (max-width: 1100px) {
  .ScBundleCard_scBundleCard__img__I7KbU {
    width: 120px;
  }
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__img__I7KbU {
    width: 70px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__img__I7KbU {
    width: 40px;
  }
}
.ScBundleCard_scBundleCard__price__ea7cf {
  display: flex;
  gap: 5px;
  position: relative;
  font-size: 18px;
  font-weight: 800;
  color: #afafaf;
}
.ScBundleCard_scBundleCard__price__ea7cf::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: calc(100% + 20px);
  background: #46a4f9;
  height: 2px;
}
.ScBundleCard_scBundleCard__price_firstPurchase__Wl2D0 {
  display: flex;
  justify-content: space-around;
  font-size: 15px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
  text-align: left;
  align-items: center;
  width: 100%;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__price_firstPurchase__Wl2D0 {
    font-size: 14px;
  }
}
.ScBundleCard_scBundleCard__price_firstPurchase__Wl2D0::before {
  display: none;
}
.ScBundleCard_scBundleCard__tooltipWrap__bfoEZ {
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 12px;
  padding: 12px;
  position: absolute;
  top: 20%;
  left: -4px;
  z-index: 2;
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__tooltipWrap__bfoEZ {
    padding: 8px;
  }
  .ScBundleCard_scBundleCard__tooltipWrap__bfoEZ svg {
    width: 20px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__tooltipWrap__bfoEZ {
    padding: 5px;
  }
  .ScBundleCard_scBundleCard__tooltipWrap__bfoEZ svg {
    width: 12px;
    height: 10px;
  }
}
.ScBundleCard_scBundleCard__headingMore__uIdXk {
  position: absolute;
  top: 0;
  padding: 10px;
  width: 100%;
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.ScBundleCard_scBundleCard__giftIcon__dochu {
  position: absolute;
  top: 75px;
  left: -6px;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  padding: 2px 7px;
  border-radius: 10px;
}
.ScBundleCard_scBundleCard__giftIcon__dochu svg {
  width: 20px;
}
@media (max-width: 320px) {
  .ScBundleCard_scBundleCard__giftIcon__dochu {
    top: 86px;
    left: -9px;
  }
}
.ScBundleCard_scBundleCard__backroundImag__CVjY4 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 40px;
  overflow: hidden;
  z-index: 0;
}
.ScBundleCard_scBundleCard__backroundImag__CVjY4 img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: fill;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__backroundImag__CVjY4 {
    top: 5px;
    height: 65px;
    border-radius: 0px;
  }
  .ScBundleCard_scBundleCard__backroundImag__CVjY4 img {
    border-radius: 0px;
  }
}
.ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE {
  position: absolute;
  bottom: 48px;
  /* left: 125px; */
  width: 101.7%;
  height: 100px;
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.52);
}
.ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE img {
  width: 80px;
  height: 70px;
}
.ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE::after {
  position: absolute;
  top: 0;
  width: 50px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: -10px;
}
.ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE::before {
  top: -12px;
  width: 5px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 42px;
  position: absolute;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE {
    height: 50px;
    width: 111%;
    border-radius: 17px;
    bottom: 35px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
  }
  .ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE img {
    width: 55px;
    height: 50px;
  }
  .ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE::before {
    background: rgba(255, 255, 255, 0);
  }
  .ScBundleCard_scBundleCard__sweepcoinsImag__k6tWE::after {
    background: rgba(255, 255, 255, 0);
  }
}
.ScBundleCard_scBundleCard__hotdealImag__6bn_R {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 100%;
  z-index: 5;
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__hotdealImag__6bn_R {
    display: none;
  }
}
.ScBundleCard_scBundleCard__backroundBorder__g_QYU {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  z-index: 1;
  border: 7px solid #211f5e;
}
.ScBundleCard_scBundleCard__sweepCoinData__qTKT5 {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 115px;
  background: rgb(34, 27, 85);
  padding: 15px 0;
  border-radius: 20px;
  text-align: center;
  align-items: center;
  background: linear-gradient(180deg, #221b55 0%, #221b55 100%) padding-box, linear-gradient(to right, #352f6d, #292265) border-box;
  border: 5px solid transparent;
}
@media (max-width: 1490px) {
  .ScBundleCard_scBundleCard__sweepCoinData__qTKT5 {
    width: 100px;
  }
}
.ScBundleCard_scBundleCard__sweepCoins__z1JSt {
  width: 60%;
}
.ScBundleCard_scBundleCard__newComersData__zPdUd {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}
.ScBundleCard_scBundleCard__newComersData__zPdUd::after {
  top: -10px;
  width: 8px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 70px;
  position: absolute;
}
.ScBundleCard_scBundleCard__newComersData__zPdUd::before {
  top: -14px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 90px;
  position: absolute;
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__newComersData__zPdUd::after {
    left: 50px;
  }
  .ScBundleCard_scBundleCard__newComersData__zPdUd::before {
    left: 70px;
  }
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__newComersData__zPdUd::after {
    left: 35px;
  }
  .ScBundleCard_scBundleCard__newComersData__zPdUd::before {
    left: 55px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__newComersData__zPdUd::after {
    top: -10px;
    width: 8px;
    height: 65px;
    left: 15px;
  }
  .ScBundleCard_scBundleCard__newComersData__zPdUd::before {
    top: -9px;
    width: 18px;
    height: 70px;
    left: 28px;
  }
}
.ScBundleCard_scBundleCard__newComersRight__DfKwv {
  width: 35%;
  text-align: center;
  position: absolute;
  left: 20px;
  z-index: 4;
  bottom: 175px;
}
.ScBundleCard_scBundleCard__newComersRight__DfKwv img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__newComersRight__DfKwv {
    width: 40%;
  }
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__newComersRight__DfKwv {
    width: 45%;
    left: 0px;
    bottom: 165px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__newComersRight__DfKwv {
    left: -3px;
    bottom: 81px;
    width: 45%;
  }
}
.ScBundleCard_scBundleCard__newComersLeft__bzJI1 {
  width: 53%;
  text-align: left;
}
.ScBundleCard_scBundleCard__newComersLeft__bzJI1 div {
  color: #e6e5ee;
  font-weight: 800;
  font-size: 22px;
  text-align: left;
}
.ScBundleCard_scBundleCard__newComersLeft__bzJI1::before {
  top: -12px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 102px;
  position: absolute;
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__newComersLeft__bzJI1 div {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__newComersLeft__bzJI1 {
    width: 63%;
  }
  .ScBundleCard_scBundleCard__newComersLeft__bzJI1 div {
    font-size: 9.5px;
    text-align: center;
  }
  .ScBundleCard_scBundleCard__newComersLeft__bzJI1::before {
    background: rgba(255, 255, 255, 0);
  }
}
.ScBundleCard_scBundleCard__newComersBG__NP7PR {
  position: absolute;
  bottom: 48px;
  /* left: 125px; */
  width: 101.7%;
  height: 90px;
  margin: 0 auto;
  border-radius: 41px;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  /* background: linear-gradient(180deg, #353162 0%, #322B66 100%); */
  box-shadow: 0px 8px 24px 0px rgba(4, 4, 16, 0.1215686275);
}
.ScBundleCard_scBundleCard__headingGC__AAlDK {
  position: absolute;
  top: 10px;
  z-index: 4;
}
.ScBundleCard_scBundleCard__headingGC__AAlDK span {
  color: #e6e5ee;
  font-size: 50px;
  font-weight: 800;
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__headingGC__AAlDK span {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__headingGC__AAlDK {
    top: 50px;
  }
  .ScBundleCard_scBundleCard__headingGC__AAlDK span {
    font-size: 30px;
  }
}
.ScBundleCard_scBundleCard__headingscImage__fYwdo {
  position: absolute;
  top: 10px;
  z-index: 4;
  left: -40px;
}
.ScBundleCard_scBundleCard__headingSC__5FQ6L {
  position: absolute;
  top: 75px;
  z-index: 4;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__headingSC__5FQ6L {
    top: 90px;
  }
}
.ScBundleCard_scBundleCard__headingSCPrice__Edk_k {
  color: #0088d6;
  font-size: 18px;
  font-weight: 800;
}
.ScBundleCard_scBundleCard__headingSCPriceDiscount__rIlru {
  text-decoration: line-through;
  color: #b9b5d0;
  font-weight: 800;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__headingSCPriceDiscount__rIlru {
    font-size: 12px;
  }
}
.ScBundleCard_scBundleCard__sweepCoinText__3BU66 {
  color: #b9b5d0;
  z-index: 1;
}
.ScBundleCard_scBundleCard__sweepCoinimagData__OqGlP {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -8px;
  left: -20px;
  border-radius: 50px;
  z-index: -1;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%) padding-box, linear-gradient(to right, #72f8fa, darkorchid) border-box;
  border: 2px solid transparent;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 620px) {
  .ScBundleCard_scBundleCard__sweepCoinimagData__OqGlP {
    width: 50px;
    height: 50px;
    top: -2px;
    left: -10px;
  }
}
.ScBundleCard_scBundleCard__background__bK_ya {
  position: absolute;
  top: 0px;
  border-radius: 45px;
}
.ScBundleCard_scBundleCard__background_full__64t0R {
  height: 100%;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__background__bK_ya {
    border-radius: 20px;
  }
}
.ScBundleCard_scBundleCard__priceBlock__OiIei {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006150;
  font-size: 24px;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 52px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  background: linear-gradient(94.03deg, #83ffe1 -13.27%, #38f8a7 52.43%, #00ae84 116.82%);
  -webkit-backdrop-filter: blur(44px);
          backdrop-filter: blur(44px);
  box-shadow: 0px -4px 12px 0px rgba(63, 175, 231, 0.1215686275);
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__priceBlock__OiIei {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__priceBlock__OiIei {
    font-size: 14px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-height: 40px;
  }
}
.ScBundleCard_scBundleCard__blickWrap__mMbws {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.ScBundleCard_scBundleCard__blickWrap__mMbws::after {
  position: absolute;
  top: -10px;
  right: 12%;
  content: "";
  width: 17.82px;
  height: 80px;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.ScBundleCard_scBundleCard__blickWrap__mMbws::before {
  position: absolute;
  top: -10px;
  left: 12%;
  content: "";
  width: 20.37px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.ScBundleCard_scBundleCard__blickWrapOne__BDF79 {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.ScBundleCard_scBundleCard__blickWrapOne__BDF79::before {
  position: absolute;
  top: -10px;
  left: 7%;
  content: "";
  width: 5.68px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.ScBundleCard_scBundleCard__priceBlockShadow__ndDfV {
  background: rgba(56, 138, 228, 0.5294117647);
  content: "";
  position: absolute;
  border-radius: 8px;
  width: calc(100% + 4px);
  height: 32px;
  top: -24px;
  left: -2px;
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__priceBlockShadow__ndDfV {
    height: 15px;
    top: -8px;
  }
}
.ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  position: absolute;
  bottom: 50px;
  left: -4px;
  width: calc(100% + 8px);
  height: 116px;
  background: linear-gradient(0deg, #353162, #353162), linear-gradient(0deg, rgba(230, 229, 238, 0.04), rgba(230, 229, 238, 0.04));
  border-radius: 12px;
}
.ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
  position: absolute;
  top: -18px;
  left: 20px;
}
.ScBundleCard_scBundleCard__firstPurchaseBlock_title___HS4C {
  color: #e6e5ee;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 800;
  line-height: 0.9;
  text-align: center;
}
@media (max-width: 1536px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock_title___HS4C {
    font-size: 24px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 1280px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
    height: 80px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1100px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
    height: 116px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_title___HS4C {
    font-size: 24px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 992px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
    height: 80px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 768px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
    height: 60px;
    padding: 0 8px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_title___HS4C {
    font-size: 14px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__firstPurchaseBlock__cx8KS {
    height: 40px;
    padding: 0 15px;
    bottom: 25px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_title___HS4C {
    font-size: 8px;
  }
  .ScBundleCard_scBundleCard__firstPurchaseBlock_img__MR_2v {
    width: 45px;
    height: 45px;
  }
}
.ScBundleCard_scBundleCard__purchaseBlickWrap__1tF9d {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
}
.ScBundleCard_scBundleCard__purchaseBlickWrap__1tF9d::after {
  position: absolute;
  top: -50%;
  right: 11%;
  content: "";
  width: 20px;
  height: 200%;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.ScBundleCard_scBundleCard__purchaseBlickWrap__1tF9d::before {
  position: absolute;
  top: -50%;
  left: 36%;
  content: "";
  width: 64px;
  height: 200%;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
@media (max-width: 480px) {
  .ScBundleCard_scBundleCard__purchaseBlickWrap__1tF9d::before {
    left: 10%;
    width: 30px;
  }
  .ScBundleCard_scBundleCard__purchaseBlickWrap__1tF9d::after {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/SCBundleCard/SCBundleCardMobile/scBundleMobilePopUp.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.scBundleMobilePopUp_scBundleCard__zT2nH {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  max-width: 410px;
  height: 390px;
  border-radius: 45px;
  padding: 32px 8px 60px 8px;
  text-align: center;
  width: 100%;
}
.scBundleMobilePopUp_scBundleCard__centered__llmZ_ {
  align-items: center;
}
@media (max-width: 1280px) {
  .scBundleMobilePopUp_scBundleCard__zT2nH {
    padding: 70px 8px;
  }
}
@media (max-width: 1100px) {
  .scBundleMobilePopUp_scBundleCard__zT2nH {
    padding: 32px 8px;
  }
}
@media (max-width: 992px) {
  .scBundleMobilePopUp_scBundleCard__zT2nH {
    padding: 70px 8px;
  }
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__zT2nH {
    padding: 40px 8px;
  }
}
@media (max-width: 480px) {
  .scBundleMobilePopUp_scBundleCard__zT2nH {
    max-width: 100%;
  }
}
.scBundleMobilePopUp_scBundleCard__content__thTgJ {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 5px;
  z-index: 1;
  width: 85%;
  border-radius: 45px;
  justify-content: center;
  position: absolute;
  top: 125px;
}
.scBundleMobilePopUp_scBundleCard__content_column__gTvpj {
  flex-direction: column;
}
.scBundleMobilePopUp_scBundleCard__content_title__XOl4m {
  font-size: 64px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
}
@media (max-width: 1280px) {
  .scBundleMobilePopUp_scBundleCard__content__thTgJ {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__content__thTgJ {
    width: 80%;
    padding: 15px 0 15px 0;
    border-radius: 35px;
  }
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__content_title__XOl4m {
    font-size: 32px;
  }
  .scBundleMobilePopUp_scBundleCard__content_subtitle__IcT4e {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .scBundleMobilePopUp_scBundleCard__content__thTgJ {
    width: 90%;
  }
}
.scBundleMobilePopUp_scBundleCard__img__BAnzA {
  width: 120px;
}
@media (max-width: 1280px) {
  .scBundleMobilePopUp_scBundleCard__img__BAnzA {
    width: 100px;
  }
}
@media (max-width: 1100px) {
  .scBundleMobilePopUp_scBundleCard__img__BAnzA {
    width: 120px;
  }
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__img__BAnzA {
    width: 70px;
  }
}
.scBundleMobilePopUp_scBundleCard__price__QipH3 {
  display: flex;
  gap: 5px;
  position: relative;
  font-size: 18px;
  font-weight: 800;
  color: #afafaf;
  width: 100%;
  justify-content: space-between;
}
.scBundleMobilePopUp_scBundleCard__price__QipH3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: calc(100% + 20px);
  height: 2px;
}
@media (max-width: 320px) {
  .scBundleMobilePopUp_scBundleCard__price__QipH3 {
    font-size: 12px;
  }
}
.scBundleMobilePopUp_scBundleCard__price_firstPurchase__Uv4Ae {
  display: flex;
  justify-content: space-around;
  font-size: 15px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
  text-align: left;
  align-items: center;
  width: 100%;
}
.scBundleMobilePopUp_scBundleCard__price_firstPurchase__Uv4Ae::before {
  display: none;
}
.scBundleMobilePopUp_scBundleCard__tooltipWrap__3X2XG {
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 12px;
  padding: 12px;
  position: absolute;
  top: 20%;
  left: -4px;
  z-index: 2;
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__tooltipWrap__3X2XG {
    padding: 8px;
  }
  .scBundleMobilePopUp_scBundleCard__tooltipWrap__3X2XG svg {
    width: 20px;
    height: 14px;
  }
}
.scBundleMobilePopUp_scBundleCard__backroundImag__oXSUr {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 40px;
  overflow: hidden;
  z-index: 0;
}
.scBundleMobilePopUp_scBundleCard__backroundImag__oXSUr img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: fill;
}
.scBundleMobilePopUp_scBundleCard__backroundBorder__TGuqX {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 30px;
  overflow: hidden;
  z-index: 1;
  border: 7px solid #211f5e;
}
.scBundleMobilePopUp_scBundleCard__hotdealImag__cFtGx {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 100%;
  z-index: 5;
}
.scBundleMobilePopUp_scBundleCard__sweepcoinsImag__389pA {
  position: absolute;
  bottom: 48px;
  /* left: 125px; */
  width: 101.7%;
  height: 100px;
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.52);
}
.scBundleMobilePopUp_scBundleCard__sweepcoinsImag__389pA img {
  width: 80px;
  height: 70px;
}
.scBundleMobilePopUp_scBundleCard__sweepcoinsImag__389pA::after {
  position: absolute;
  top: 0;
  width: 50px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: -10px;
}
.scBundleMobilePopUp_scBundleCard__sweepcoinsImag__389pA::before {
  top: -12px;
  width: 5px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 42px;
  position: absolute;
}
.scBundleMobilePopUp_scBundleCard__sweepCoinData__HuGFC {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 115px;
  background: rgb(34, 27, 85);
  padding: 15px 0;
  border-radius: 20px;
  text-align: center;
  align-items: center;
  background: linear-gradient(180deg, #221b55 0%, #221b55 100%) padding-box, linear-gradient(to right, #352f6d, #292265) border-box;
  border: 5px solid transparent;
}
@media (max-width: 320px) {
  .scBundleMobilePopUp_scBundleCard__sweepCoinData__HuGFC {
    width: 115px;
  }
}
.scBundleMobilePopUp_scBundleCard__sweepCoins__UZzvj {
  width: 60%;
}
.scBundleMobilePopUp_scBundleCard__newComersData__e4nMU {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}
.scBundleMobilePopUp_scBundleCard__newComersData__e4nMU::before {
  top: -14px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 90px;
  position: absolute;
}
.scBundleMobilePopUp_scBundleCard__newComersData__e4nMU::after {
  top: -10px;
  width: 8px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 70px;
  position: absolute;
}
.scBundleMobilePopUp_scBundleCard__newComersRight__SUer1 {
  width: 35%;
  text-align: center;
  position: absolute;
  left: 20px;
  z-index: 4;
  bottom: 175px;
}
.scBundleMobilePopUp_scBundleCard__newComersRight__SUer1 img {
  width: 100%;
  height: auto;
}
.scBundleMobilePopUp_scBundleCard__newComersLeft__hl0RZ {
  width: 53%;
  text-align: left;
}
.scBundleMobilePopUp_scBundleCard__newComersLeft__hl0RZ div {
  color: #a19ec2;
  font-weight: 800;
  font-size: 22px;
  text-align: left;
}
.scBundleMobilePopUp_scBundleCard__newComersLeft__hl0RZ::before {
  top: -12px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 102px;
  position: absolute;
}
.scBundleMobilePopUp_scBundleCard__newComersBG__7OaFK {
  position: absolute;
  bottom: 48px;
  /* left: 125px; */
  width: 101.7%;
  height: 90px;
  margin: 0 auto;
  border-radius: 41px;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  /* background: linear-gradient(180deg, #353162 0%, #322B66 100%); */
  box-shadow: 0px 8px 24px 0px rgba(4, 4, 16, 0.1215686275);
}
.scBundleMobilePopUp_scBundleCard__headingGC__j7iBT {
  position: absolute;
  top: 10px;
  z-index: 4;
}
.scBundleMobilePopUp_scBundleCard__headingGC__j7iBT span {
  color: aliceblue;
  font-size: 45px;
  font-weight: 800;
}
@media (max-width: 320px) {
  .scBundleMobilePopUp_scBundleCard__headingGC__j7iBT span {
    font-size: 39px;
  }
}
.scBundleMobilePopUp_scBundleCard__headingscImage__FEL_b {
  position: absolute;
  top: 10px;
  z-index: 4;
  left: -40px;
}
.scBundleMobilePopUp_scBundleCard__headingSC__gwGIP {
  position: absolute;
  top: 75px;
  z-index: 4;
}
.scBundleMobilePopUp_scBundleCard__headingSCPrice__AjB3z {
  color: #0088d6;
  font-size: 18px;
  font-weight: 800;
}
.scBundleMobilePopUp_scBundleCard__headingSCPriceDiscount__izhj8 {
  text-decoration: line-through;
  color: #b9b5d0;
  font-weight: 800;
}
.scBundleMobilePopUp_scBundleCard__sweepCoinText__U6VM3 {
  color: #b9b5d0;
  z-index: 1;
}
.scBundleMobilePopUp_scBundleCard__sweepCoinimagData__mo9oQ {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: 0px;
  left: -20px;
  border-radius: 50px;
  z-index: -1;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%) padding-box, linear-gradient(to right, #72f8fa, darkorchid) border-box;
  border: 2px solid transparent;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 320px) {
  .scBundleMobilePopUp_scBundleCard__sweepCoinimagData__mo9oQ {
    left: -8px;
    top: -5px;
  }
}
.scBundleMobilePopUp_scBundleCard__background__27oMa {
  position: absolute;
  top: 0px;
  border-radius: 45px;
}
.scBundleMobilePopUp_scBundleCard__background_full__tND7F {
  height: 100%;
}
.scBundleMobilePopUp_scBundleCard__priceBlock__lmjlz {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006150;
  font-size: 24px;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 52px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  background: linear-gradient(94.03deg, #83ffe1 -13.27%, #38f8a7 52.43%, #00ae84 116.82%);
  -webkit-backdrop-filter: blur(44px);
          backdrop-filter: blur(44px);
  box-shadow: 0px -4px 12px 0px rgba(63, 175, 231, 0.1215686275);
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__priceBlock__lmjlz {
    font-size: 16px;
  }
}
.scBundleMobilePopUp_scBundleCard__blickWrap__LOEr0 {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.scBundleMobilePopUp_scBundleCard__blickWrap__LOEr0::after {
  position: absolute;
  top: -10px;
  right: 12%;
  content: "";
  width: 17.82px;
  height: 80px;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.scBundleMobilePopUp_scBundleCard__blickWrap__LOEr0::before {
  position: absolute;
  top: -10px;
  left: 12%;
  content: "";
  width: 20.37px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.scBundleMobilePopUp_scBundleCard__blickWrapOne__9FhCA {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.scBundleMobilePopUp_scBundleCard__blickWrapOne__9FhCA::before {
  position: absolute;
  top: -10px;
  left: 7%;
  content: "";
  width: 5.68px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.scBundleMobilePopUp_scBundleCard__priceBlockShadow__EgKfV {
  background: rgba(56, 138, 228, 0.5294117647);
  content: "";
  position: absolute;
  border-radius: 8px;
  width: calc(100% + 4px);
  height: 32px;
  top: -24px;
  left: -2px;
}
.scBundleMobilePopUp_scBundleCard__firstPurchaseBlock__alHQZ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  position: absolute;
  bottom: 50px;
  left: -4px;
  width: calc(100% + 8px);
  height: 116px;
  background: linear-gradient(0deg, #353162, #353162), linear-gradient(0deg, rgba(230, 229, 238, 0.04), rgba(230, 229, 238, 0.04));
  border-radius: 12px;
}
.scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
  position: absolute;
  top: -18px;
  left: 20px;
}
.scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_title__aMiBG {
  color: #e6e5ee;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 800;
  line-height: 0.9;
  text-align: center;
}
@media (max-width: 1536px) {
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_title__aMiBG {
    font-size: 24px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 1280px) {
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock__alHQZ {
    height: 80px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1100px) {
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock__alHQZ {
    height: 116px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_title__aMiBG {
    font-size: 24px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 992px) {
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock__alHQZ {
    height: 80px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 768px) {
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock__alHQZ {
    height: 60px;
    padding: 0 8px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_title__aMiBG {
    font-size: 14px;
  }
  .scBundleMobilePopUp_scBundleCard__firstPurchaseBlock_img__ul7fO {
    width: 60px;
    height: 60px;
  }
}
.scBundleMobilePopUp_scBundleCard__purchaseBlickWrap__UQv6z {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
}
.scBundleMobilePopUp_scBundleCard__purchaseBlickWrap__UQv6z::after {
  position: absolute;
  top: -50%;
  right: 11%;
  content: "";
  width: 20px;
  height: 200%;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.scBundleMobilePopUp_scBundleCard__purchaseBlickWrap__UQv6z::before {
  position: absolute;
  top: -50%;
  left: 36%;
  content: "";
  width: 64px;
  height: 200%;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/CustomModal/customModal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customModal_customModal__iUbEo {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  transform: translate(-50%, -50%) scale(0.7);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 720px;
  max-height: 75vh;
  padding: 30px 40px 15px 40px;
  border-radius: 32px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
}
@media (max-width: 480px) {
  .customModal_customModal__iUbEo {
    max-width: calc(100% - 30px);
    padding: 0px 0px 15px 0px;
  }
}
.customModal_customModal__withOffset__lfrP3 {
  padding: 85px 0 15px 0;
}
.customModal_customModal__open__Nuww8 {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: all;
}
.customModal_customModal__header__l6fke {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  top: 16px;
  left: 0px;
  z-index: 50;
}
@media (max-width: 480px) {
  .customModal_customModal__header__l6fke {
    padding: 20px 15px;
  }
}
.customModal_customModal__header_withBorder__x7Vs9 {
  border-bottom: 2px solid #28254f;
}
.customModal_customModal__closeBtnStore__bF2zz {
  position: absolute;
  right: 10px;
  top: 25px;
  background: #211f5e;
  padding: 17px;
  border-radius: 0px 31px 0px 35px;
}
.customModal_customModal__closeBtnStore__bF2zz svg path {
  stroke: #4C4773;
}
.customModal_customModal__closeBtn__ccRQC {
  position: absolute;
  right: 40px;
  top: 30px;
  padding: 17px;
}
.customModal_customModal__closeBtn__ccRQC svg path {
  stroke: #B9B5D0;
}
.customModal_customModal__title__fcwWD {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e6e5ee;
  font-size: 20px;
  font-weight: 600;
}
.customModal_customModal__content__w4o60 {
  max-height: calc(75vh - 110px);
  overflow: visible;
}
.customModal_customModal__content_offset__PUk6E {
  padding-bottom: 32px;
}
.customModal_customModal__content__w4o60::-webkit-scrollbar {
  width: 2px;
}
.customModal_customModal__content__w4o60::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.customModal_customModal__content__w4o60::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/StorePage/storePage.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.storePage_storeIframe__tMFV9 {
  width: 100%;
  height: 68vh;
  width: 100%;
  height: 68vh;
  background-color: #fff;
  border-radius: 10px;
}
.storePage_storeIframe__btn__nbHKy {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.storePage_storePage__bWMK2 {
  margin-top: 220px;
}
@media (max-width: 1280px) {
  .storePage_storePage__bWMK2 {
    margin-top: 195px;
  }
}
@media (max-width: 1100px) {
  .storePage_storePage__bWMK2 {
    margin-top: 13px;
  }
}
.storePage_storePage__sectionHeadWrap__ts4Dy {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .storePage_storePage__sectionHeadWrap__ts4Dy {
    font-size: 16px;
  }
}
.storePage_storePage__titleWrap__4yKBn {
  text-transform: uppercase;
  color: #b9b5d0;
}
.storePage_storePage__titleWrap_colored__LXjPS {
  color: transparent;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  margin-right: 8px;
}
.storePage_storePage_mobileHeading__Aoi8q {
  background: radial-gradient(100% 100% at 50.16% 100%, rgba(23, 21, 54, 0.48) 0%, rgba(33, 31, 94, 0.48) 100%);
  padding: 20px;
  border-radius: 20px 20px 0 0;
  color: #e6e5ee;
  font-weight: 900;
}
.storePage_storePage__iconshop__AraCq {
  margin-right: 15px;
}
.storePage_storePage__grid__urKV5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  gap: 25px;
  margin-bottom: 35px;
}
@media (max-width: 1280px) {
  .storePage_storePage__grid__urKV5 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1100px) {
  .storePage_storePage__grid__urKV5 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .storePage_storePage__grid__urKV5 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 480px) {
  .storePage_storePage__grid__urKV5 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 17px;
  }
}
.storePage_storePage_silder__SM31_ {
  position: fixed;
  width: 95%;
  top: -90px;
  z-index: 10;
  left: 1.8%;
  left: 2%;
}
.storePage_storePage__spinGrid__v5Nd4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 35px;
}
@media (max-width: 992px) {
  .storePage_storePage__spinGrid__v5Nd4 {
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.storePage_storePage__card__RRTMH {
  background: radial-gradient(100% 100% at 50.16% 100%, #211F5E 0%, #171536 100%);
  max-width: 410px;
  height: 320px;
  border-radius: 32px;
}
@media (max-width: 480px) {
  .storePage_storePage__card__RRTMH {
    max-height: 150px;
    border-radius: 20px;
    max-width: 125px;
  }
}
.storePage_storePage__cardSmall__LpGVG {
  background: radial-gradient(100% 100% at 50.16% 100%, #211F5E 0%, #171536 100%);
  max-width: 310px;
  height: 265px;
  border-radius: 32px;
}
@media (max-width: 480px) {
  .storePage_storePage__cardSmall__LpGVG {
    max-height: 150px;
    border-radius: 20px;
    max-width: 125px;
  }
}
.storePage_storePage__confirmationTitle__vmFYj {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.storePage_storePage__confirmationText__v_luP {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.storePage_storePage__confirmationText__v_luP span {
  color: #e6e5ee;
}
.storePage_storePage__confirmationCancelBtn__aRPpA {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.storePage_storePage__confirmationCancelBtn__aRPpA:hover {
  color: #e6e5ee;
}
.storePage_storePage__actionsWrapper__kdyp_ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 20px;
}
.storePage_storePage__actionsWrapper__kdyp_ button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
.storePage_storePage__coinsWrapper__lbdNR {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  gap: 15px;
}
@media (max-width: 480px) {
  .storePage_storePage__coinsWrapper__lbdNR {
    grid-template-columns: 1fr 1fr;
  }
}
.storePage_storePage__coinsData__izvko {
  display: grid;
  grid-template-columns: 0.4fr 1fr;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  align-items: center;
  border-radius: 20px;
}
.storePage_storePage__coinsAmount__2E7w6 {
  border: 2px solid transparent;
  border-radius: 32px;
  padding: 18px 2px;
  color: #E6E5EE;
  text-transform: uppercase;
  font-weight: 700;
  transition: color 0.2s ease-out;
  white-space: nowrap;
}

.storePage_highlight__nrLZ5 {
  border: 3px solid #ffd700;
  box-shadow: 0px 0px 15px rgba(255, 215, 0, 0.8);
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
  animation: storePage_pulse__3e7H4 1.5s infinite;
}

@keyframes storePage_pulse__3e7H4 {
  0% {
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
  }
  50% {
    box-shadow: 0 0 25px rgb(255, 215, 0);
  }
  100% {
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/ShopMenu/shopMenu.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shopMenu_burgerMenu__FBLx6 {
  position: relative;
  display: none;
  height: auto;
  max-width: 100vw;
}
@media (max-width: 1100px) {
  .shopMenu_burgerMenu__FBLx6 {
    display: flex;
  }
}
.shopMenu_burgerMenu__btn___MWbq {
  cursor: pointer;
}
.shopMenu_burgerMenu__intercomBtn__rUrl1 {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
}
.shopMenu_burgerMenu__menuWrapper__jes7V {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  padding: 15px 0;
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.shopMenu_burgerMenu__socialWrapper__Gc9Og {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 8;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.shopMenu_burgerMenu__socialWrapper__Gc9Og > a {
  border-radius: 15px;
  width: 70px;
  height: 50px;
}
.shopMenu_burgerMenu__inputWrap__3UAKd {
  max-width: 420px;
  width: 100%;
}
.shopMenu_burgerMenu__sharedMenuStyle__7VazG {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  top: 168px;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 10;
  padding: 20px;
}
.shopMenu_burgerMenu__casino__widgetsWrapper__D3o9k {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-top: 5px;
  margin-top: 0;
  padding-top: 0;
  justify-content: space-between;
}
.shopMenu_burgerMenu__casino__widgetsWrapper__D3o9k > div {
  width: 48%;
}
.shopMenu_burgerMenu__casino__widgetsWrapper__D3o9k > div > button {
  width: 100%;
  min-width: 100%;
}
.shopMenu_burgerMenu__MenuStyle__X5AyX {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 10;
  position: relative;
  margin: 20px 0;
}
.shopMenu_burgerMenu__MenuStyleData__DM_7D {
  position: relative;
  padding: 16px;
}
.shopMenu_burgerMenu__MenuStyleData__DM_7D::before {
  position: absolute;
  content: "";
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.shopMenu_burgerMenu__MenuStyleMain__eLJwv::before {
  position: absolute;
  content: "";
  top: 157px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #28254f;
}
@media (max-width: 320px) {
  .shopMenu_burgerMenu__MenuStyleMain__eLJwv::before {
    top: 145px;
  }
}
.shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  background: #131330;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 9;
  padding: 16px;
  position: relative;
  margin-bottom: 20px;
}
.shopMenu_burgerMenu__MenuStylesupport__XUlX_::before {
  position: absolute;
  content: "";
  top: 70px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #28254f;
}
@media (max-width: 320px) {
  .shopMenu_burgerMenu__MenuStylesupport__XUlX_::before {
    top: 55px;
  }
}
.shopMenu_burgerMenu__MenuRecents__ADO00 {
  position: relative;
  margin-bottom: 20px;
}
.shopMenu_burgerMenu_withBorder__KR1nU {
  color: #928eaa;
  margin-bottom: 20px;
  margin-top: 5px;
  font-size: 20px;
  font-weight: 600;
}

.shopMenu_quickAccessMenu__MIQke {
  max-width: 100vw;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  z-index: 3;
  position: absolute;
  background-color: #0d0d23;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out, -webkit-clip-path 0.2s ease-out;
}
.shopMenu_quickAccessMenu__iconData__d0CUQ {
  position: relative;
}
.shopMenu_quickAccessMenu__iconData__d0CUQ::before {
  top: -55px;
  left: 30px;
  content: "";
  background: linear-gradient(180deg, #1F1D3E 0%, #1A1838 100%);
  width: 130px;
  height: 130px;
  border-radius: 100%;
  z-index: 1;
  position: absolute;
}
.shopMenu_quickAccessMenu__iconData__d0CUQ::after {
  top: -75px;
  left: -41px;
  content: "";
  background: #0A0A1B;
  width: 276px;
  height: 276px;
  border-radius: 100%;
  z-index: 0;
  position: absolute;
}
.shopMenu_quickAccessMenu__icon__X3_XX {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  z-index: 6;
  position: relative;
  top: -30px;
  left: 55px;
}
.shopMenu_quickAccessMenu__iconWrapper__HQyxF {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.shopMenu_quickAccessMenu__content__UYlpZ {
  padding: 10px 20px 0 20px;
  overflow: auto;
  max-height: calc(100% - 160px);
}
.shopMenu_quickAccessMenu__content__UYlpZ::-webkit-scrollbar {
  width: 2px;
}
.shopMenu_quickAccessMenu__content__UYlpZ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.shopMenu_quickAccessMenu__content__UYlpZ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.shopMenu_quickAccessMenu__levelWrap__Rv_BV {
  width: 100%;
}
.shopMenu_quickAccessMenu__menuWrap__10C72 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}
.shopMenu_quickAccessMenu__head__GU2w7 {
  position: relative;
  margin-top: 17px;
  margin-bottom: 55px;
  width: 100%;
}
.shopMenu_quickAccessMenu__headImg__q3RbP {
  height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}
.shopMenu_quickAccessMenu__actionsWrapper__qVkrQ {
  display: flex;
  align-items: center;
  gap: 25px;
}
.shopMenu_quickAccessMenu__info__9PKg_ {
  position: absolute;
  top: 151px;
  left: 10%;
  display: flex;
  align-items: center;
  gap: 225px;
}
.shopMenu_quickAccessMenu__infoWrapper__g1zCe {
  display: flex;
  flex-direction: column;
}
.shopMenu_quickAccessMenu__infoWrapper_name__25n9p {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.shopMenu_quickAccessMenu__infoWrapper_subName__mwRm_ {
  color: #928eaa;
  font-size: 16px;
  font-weight: 600;
}
.shopMenu_quickAccessMenu__confirmationTitle__3AvOo {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.shopMenu_quickAccessMenu__confirmationText__GeCQS {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.shopMenu_quickAccessMenu__confirmationText__GeCQS span {
  color: #e6e5ee;
}
.shopMenu_quickAccessMenu__confirmationCancelBtn__guQfw {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.shopMenu_quickAccessMenu__confirmationCancelBtn__guQfw:hover {
  color: #e6e5ee;
}
.shopMenu_quickAccessMenu__actionsWrapper__qVkrQ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.shopMenu_quickAccessMenu__actionsWrapper__qVkrQ button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .shopMenu_burgerMenu__inputWrap__3UAKd {
    max-width: 80%;
  }
  .shopMenu_burgerMenu__sharedMenuStyle__7VazG {
    max-width: 80%;
  }
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    max-width: 80%;
    width: 100%;
    padding: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .shopMenu_burgerMenu__inputWrap__3UAKd {
    max-width: 550px;
  }
  .shopMenu_burgerMenu__sharedMenuStyle__7VazG {
    max-width: 550px;
    width: 100%;
  }
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    max-width: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
}
@media (min-width: 425px) and (max-width: 767px) {
  .shopMenu_burgerMenu__sharedMenuStyle__7VazG {
    padding: 26px;
    max-width: 100%;
  }
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
  .shopMenu_burgerMenu__inputWrap__3UAKd {
    max-width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .shopMenu_burgerMenu__sharedMenuStyle__7VazG {
    padding: 6px;
    max-width: 100%;
  }
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
  }
  .shopMenu_burgerMenu__inputWrap__3UAKd {
    max-width: 100%;
  }
  .shopMenu_burgerMenu__casino__widgetsWrapper__D3o9k {
    width: 100%;
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .shopMenu_burgerMenu__sharedMenuStyle__7VazG {
    padding: 26px;
    max-width: 100%;
  }
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 26px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::before {
    top: -40px;
    left: 15px;
    width: 103px;
    height: 103px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::after {
    top: -56px;
    left: -25px;
    width: 184px;
    height: 184px;
  }
  .shopMenu_quickAccessMenu__icon__X3_XX {
    width: 70px;
    height: 70px;
    top: -21px;
    left: 34px;
  }
  .shopMenu_quickAccessMenu__info__9PKg_ {
    top: 153px;
    left: 10%;
    gap: 110px;
  }
}
@media (max-width: 520px) {
  .shopMenu_quickAccessMenu__headImg__q3RbP {
    height: 135px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::before {
    top: -27px;
    left: -5px;
    width: 100px;
    height: 100px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::after {
    top: -41px;
    left: -23px;
    width: 134px;
    height: 134px;
  }
  .shopMenu_quickAccessMenu__icon__X3_XX {
    width: 59px;
    height: 59px;
    top: -6px;
    left: 18px;
  }
  .shopMenu_quickAccessMenu__info__9PKg_ {
    top: 115px;
    left: 10%;
    gap: 85px;
  }
}
@media (max-width: 430px) {
  .shopMenu_quickAccessMenu__headImg__q3RbP {
    height: 135px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::before {
    top: -20px;
    left: -1px;
    width: 80px;
    height: 80px;
  }
  .shopMenu_quickAccessMenu__iconData__d0CUQ::after {
    top: -31px;
    left: -11px;
    width: 100px;
    height: 100px;
  }
  .shopMenu_quickAccessMenu__icon__X3_XX {
    width: 65px;
    height: 65px;
    top: -12px;
    left: 8px;
  }
  .shopMenu_quickAccessMenu__info__9PKg_ {
    top: 112px;
    left: 10%;
    gap: 50px;
  }
}
@media (max-width: 360px) {
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    padding: 15px;
  }
}
@media (max-width: 320px) {
  .shopMenu_burgerMenu__MenuStyle__X5AyX, .shopMenu_burgerMenu__MenuStylesupport__XUlX_ {
    padding: 10px;
  }
}
.shopMenu_Shop__confirmationTitle__9c1Iw {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.shopMenu_Shop__confirmationText__k5wSo {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.shopMenu_Shop__confirmationText__k5wSo span {
  color: #e6e5ee;
}
.shopMenu_Shop__confirmationCancelBtn__YdsBo {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.shopMenu_Shop__confirmationCancelBtn__YdsBo:hover {
  color: #e6e5ee;
}
.shopMenu_Shop__actionsWrapper__LjZ89 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.shopMenu_Shop__actionsWrapper__LjZ89 button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Timer/timer.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.timer_timer__fDgG5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  max-width: 280px;
  width: 100%;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .timer_timer__fDgG5 {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.timer_timer__clockWrapper__BaBqW {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timer_timer__clockWrapper_item__TMDgP {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--item-bg);
  font-weight: 600;
  font-size: 20px;
  width: 35px;
  height: 44px;
  border-radius: 8px;
  border: 1.2px solid rgba(230, 229, 238, 0.0392156863);
}
.timer_timer__clockWrapper_item__TMDgP::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--item-before-bg);
  content: "";
  width: 100%;
  height: 6px;
}
.timer_timer__clockWrapper_item__TMDgP span {
  position: absolute;
  background: var(--item-span);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.timer_timer__clockPartWrap__FyaST {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.timer_timer__timePartWrap__gbOBD {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.timer_timer__label__jueOQ {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  color: var(--label-color);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/MobileBonusModal/mobileBonusModal.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mobileBonusModal_mobileBonusModal__lGN42 {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: linear-gradient(0deg, #0D0D23, #0D0D23);
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.2s ease-out;
  z-index: 99;
  padding-bottom: 80px;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
@media (max-width: 1100px) {
  .mobileBonusModal_mobileBonusModal__lGN42 {
    display: block;
  }
}
.mobileBonusModal_mobileBonusModal__open__pVMxZ {
  transform: translateY(0);
}
.mobileBonusModal_mobileBonusModal__closeButton__jxl02 {
  cursor: pointer;
  position: absolute;
  right: -11px;
  top: -10px;
  width: 42px;
  height: 52px;
  border-radius: 50%;
  background-color: #25254E;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
}
.mobileBonusModal_mobileBonusModal__closeButton__jxl02 svg {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  left: 10px;
  bottom: 24px;
}
.mobileBonusModal_mobileBonusModal__closeButton__jxl02 svg path {
  stroke-width: 2px;
}
.mobileBonusModal_mobileBonusModal__contentWrap__JKU5y {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px;
}
.mobileBonusModal_mobileBonusModal__title__YKaDx {
  font-size: 24px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 15px;
}
.mobileBonusModal_mobileBonusModal__subtitle__KBOA7 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #928eaa;
  text-align: center;
  margin-bottom: 30px;
  max-width: 350px;
}
.mobileBonusModal_mobileBonusModal__subtitle__KBOA7 span {
  margin-left: 5px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.mobileBonusModal_mobileBonusModal__label__fohGe {
  color: #5b5779;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/TabMenuDailyBonus/tabMenuDailyBonus.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabMenuDailyBonus_tabMenuDailyBonus__claimBtn___uVtC {
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 500;
}
.tabMenuDailyBonus_tabMenuDailyBonus__itemWrap__3Ozlq {
  position: relative;
}
.tabMenuDailyBonus_tabMenuDailyBonus__label__m1b5d {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 600;
}
.tabMenuDailyBonus_tabMenuDailyBonus__claimBar___Ew_d {
  height: 60px;
  width: 60px;
}
.tabMenuDailyBonus_tabMenuDailyBonus__bonusWrap__qzcZV {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.tabMenuDailyBonus_tabMenuDailyBonus__bonusWrap__qzcZV img {
  width: 40px;
  height: 40px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/IconButton/iconButton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.iconButton_iconButton__4_X3c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(28, 25, 61, 0.4392156863);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 50%;
}
.iconButton_iconButton__transparent__2LUnN {
  background: transparent;
  border: none;
}
.iconButton_iconButton__secondary__wPQ38 {
  border: none;
  width: 40px;
  height: 40px;
  background-color: #1c193d;
}
.iconButton_iconButton__tertiary__MQfZ2 {
  border: none;
  width: 44px;
  height: 44px;
  background-color: #28254f;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/TabMenu/tabMenu.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabMenu_tabMenu__cjixG {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  position: fixed;
  bottom: 0;
  bottom: -1px;
  left: 50%;
  z-index: 100;
  transform: translateX(-50%);
  height: 72px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  width: 100%;
  background: #191439;
  transition: transform 0.2s ease-out;
}
@media (max-width: 1100px) {
  .tabMenu_tabMenu__cjixG {
    display: flex;
  }
}
@media (max-width: 480px) {
  .tabMenu_tabMenu__cjixG {
    padding: 0 10px;
  }
}
@media (max-width: 320px) {
  .tabMenu_tabMenu__cjixG {
    padding: 0;
  }
}
.tabMenu_tabMenu__tab__SpzKv {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-out;
  min-width: 60px;
  height: 80px;
  position: relative;
  transition-property: transform, width, min-width;
}
@media (max-width: 375px) {
  .tabMenu_tabMenu__tab__SpzKv {
    min-width: 40px;
  }
}
.tabMenu_tabMenu__tab_label__dMziD {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 600;
}
.tabMenu_tabMenu__tab_active__9v4ry {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  border-radius: 50%;
  background: linear-gradient(110.03deg, #1C193D -26.3%, #181439 78.57%);
  transform: translateY(-35%);
  padding: 10px;
  z-index: -1;
}
.tabMenu_tabMenu__tab_active__9v4ry::before {
  position: absolute;
  content: "";
  top: 20%;
  left: -48%;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 50px solid #191439;
  border-bottom: 25px solid transparent;
  z-index: -1;
}
.tabMenu_tabMenu__tab_active__9v4ry::after {
  position: absolute;
  content: "";
  top: 20%;
  right: -47%;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-left: 50px solid #191439;
  border-bottom: 25px solid transparent;
  z-index: -1;
}
.tabMenu_tabMenu__tabWrap__oW_ly {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.tabMenu_tabMenu__tabWrap_active__Kkwxj {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
}
.tabMenu_tabMenu__bonusWrap__VSJ6S {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.tabMenu_tabMenu__bonusWrap__VSJ6S img {
  width: 40px;
  height: 40px;
}

.tabMenu_TabMenu__confirmationTitle__vvhpx {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.tabMenu_TabMenu__confirmationText__9eWFh {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.tabMenu_TabMenu__confirmationText__9eWFh span {
  color: #e6e5ee;
}
.tabMenu_TabMenu__confirmationCancelBtn__X_cBo {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.tabMenu_TabMenu__confirmationCancelBtn__X_cBo:hover {
  color: #e6e5ee;
}
.tabMenu_TabMenu__actionsWrapper__7_2TJ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.tabMenu_TabMenu__actionsWrapper__7_2TJ button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/IntercomButton/intercomButton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.intercomButton_intercomButton__YX4Zj {
  position: fixed;
  right: 30px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  pointer-events: all;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-top: 20px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  padding: 16px;
}
.intercomButton_intercomButton__YX4Zj svg {
  fill: #e6e5ee;
  width: 30px;
  height: 30px;
}
@media (max-width: 1750px) or (max-height: 850px) {
  .intercomButton_intercomButton__YX4Zj {
    position: static;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ButtonLink/buttonLink.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.buttonLink_buttonLink__kEUcd {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px 18px;
  border: 2px solid #28254f;
  border-radius: 16px;
}
@media (max-width: 1490px) {
  .buttonLink_buttonLink__kEUcd {
    padding: 12px;
  }
}
@media (max-width: 1100px) {
  .buttonLink_buttonLink__kEUcd {
    padding: 12px 18px;
  }
}
.buttonLink_buttonLink__kEUcd svg {
  width: 16px;
  height: 16px;
  fill: #5b5779;
}
.buttonLink_buttonLink__kEUcd svg path {
  fill: #5b5779;
}
.buttonLink_buttonLink__label__JCn4a {
  color: #5b5779;
  font-size: 16px;
  font-weight: 600;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/QuickAccessMenuMobile/quickAccessMenuMobile.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.quickAccessMenuMobile_quickAccessMenuMobile__sOwWu {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  max-height: 80vh;
  width: 100%;
  background: #0d0d23;
  padding-bottom: 90px;
  transform: translateY(100%);
  z-index: 99;
  transition: transform 0.2s ease-out;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__closeBtn__B7CE5 {
  position: absolute;
  top: 25px;
  right: 25px;
  background: #0d0d23;
  z-index: 10;
}
.quickAccessMenuMobile_quickAccessMenuMobile__open__dc2SW {
  transform: translateY(0);
}
.quickAccessMenuMobile_quickAccessMenuMobile__head__me81f {
  position: relative;
  margin-bottom: 25px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__linksWrap__xgjS0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__levelWrap__Y1aBb {
  margin-bottom: 30px;
  padding-top: 10px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__menuWrap__xuRwm {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__content__8xPvd {
  padding: 0 20px;
  max-height: calc(80vh - 140px);
  overflow: auto;
  padding-bottom: 80px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__content__8xPvd::-webkit-scrollbar {
  width: 2px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__content__8xPvd::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.quickAccessMenuMobile_quickAccessMenuMobile__content__8xPvd::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.quickAccessMenuMobile_quickAccessMenuMobile__info__M_Uqz {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-left: 30px;
  margin-top: 30px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__icon__2cFzE {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
.quickAccessMenuMobile_quickAccessMenuMobile__iconWrap__NlvBt {
  width: 100%;
}
.quickAccessMenuMobile_quickAccessMenuMobile__iconWrap_unread__Kcbe_ {
  position: relative;
}
.quickAccessMenuMobile_quickAccessMenuMobile__iconWrap_unread__Kcbe_::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 28px;
  width: 10px;
  height: 10px;
  background: radial-gradient(#FC7263, #DD3636);
  border: 2px solid #1A173B;
  border-radius: 50%;
}
.quickAccessMenuMobile_quickAccessMenuMobile__infoWrapper__KAv6G {
  display: flex;
  flex-direction: column;
}
.quickAccessMenuMobile_quickAccessMenuMobile__infoWrapper_name__g3VY1 {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.quickAccessMenuMobile_quickAccessMenuMobile__infoWrapper_subName__CkF55 {
  color: #928eaa;
  font-size: 14px;
  font-weight: 600;
}
.quickAccessMenuMobile_quickAccessMenuMobile__confirmationTitle__erOkt {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__confirmationText__wN3BM {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__confirmationText__wN3BM span {
  color: #e6e5ee;
}
.quickAccessMenuMobile_quickAccessMenuMobile__confirmationCancelBtn__tagH7 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.quickAccessMenuMobile_quickAccessMenuMobile__confirmationCancelBtn__tagH7:hover {
  color: #e6e5ee;
}
.quickAccessMenuMobile_quickAccessMenuMobile__actionsWrapper__UHJRP {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__actionsWrapper__UHJRP button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
.quickAccessMenuMobile_quickAccessMenuMobile__footer__wJ_QN {
  padding: 25px 20px;
}
.quickAccessMenuMobile_quickAccessMenuMobile__footerLink__kR8Ou {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 600;
  color: #928eaa;
  transition: color 0.2s ease-out;
}
.quickAccessMenuMobile_quickAccessMenuMobile__footerLink__kR8Ou:hover {
  color: #e6e5ee;
}
.quickAccessMenuMobile_quickAccessMenuMobile__footerLink__kR8Ou:not(:last-child) {
  margin-bottom: 25px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/components/BadgeCard/badgeCard.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.badgeCard_badgeCard___JmWi {
  padding: 15px;
  display: flex;
  background: linear-gradient(0deg, rgba(32, 32, 76, 0.24), rgba(32, 32, 76, 0.24));
  border-radius: 24px;
  gap: 10px;
  padding: 15px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.badgeCard_badgeCard__contentWrap__WZqvm {
  display: flex;
  gap: 10px;
}
.badgeCard_badgeCard__contentWrap__WZqvm button {
  font-size: 14px;
  font-weight: 600;
  color: #e6e5ee;
  padding: 10px 15px;
  text-transform: none;
}
.badgeCard_badgeCard__referralTextWrap__T3C6X {
  display: flex;
  align-items: center;
  gap: 8px;
}
.badgeCard_badgeCard__referralTextWrap__T3C6X span {
  color: #e6e5ee;
  margin-top: 3px;
}
.badgeCard_badgeCard__referralTextWrap__T3C6X svg {
  width: 18px;
  height: 18px;
}
.badgeCard_badgeCard__asset__PKFyT {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.badgeCard_badgeCard__text__mrNZG {
  font-size: 14px;
  font-weight: 500;
  color: #b9b5d0;
}
.badgeCard_badgeCard__text_white__KpqbC {
  color: #e6e5ee;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/UserIcon/userStatusIcon.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.userStatusIcon_userStatusIcon__5dYpp {
  position: relative;
  padding-left: 0 !important;
  width: -moz-fit-content;
  width: fit-content;
}
.userStatusIcon_userStatusIcon__5dYpp::after {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 2;
  content: "";
  width: 8px;
  height: 8px;
  background: #3ba0f3;
  border-radius: 50%;
}
.userStatusIcon_userStatusIcon__5dYpp::before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #12112d;
}
.userStatusIcon_userStatusIcon__hideStatus__K0FWz::after {
  display: none;
}
.userStatusIcon_userStatusIcon__hideStatus__K0FWz::before {
  display: none;
}
.userStatusIcon_userStatusIcon_offline__d5D_p::after {
  background: #928eaa;
}
.userStatusIcon_userStatusIcon__image__0Bx4B {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
}
@media (max-width: 1490px) {
  .userStatusIcon_userStatusIcon__image__0Bx4B {
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
  }
}
@media (max-width: 1100px) {
  .userStatusIcon_userStatusIcon__image__0Bx4B {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/components/FriendRequestCard/friendRequest.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.friendRequest_friendRequest__06doP {
  display: flex;
  align-items: center;
  background: linear-gradient(0deg, rgba(32, 32, 76, 0.24), rgba(32, 32, 76, 0.24));
  border-radius: 24px;
  padding: 15px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.friendRequest_friendRequest__requestContent__Yz3D9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 10px;
}
.friendRequest_friendRequest__rejectContent__b_HPz {
  margin-left: 10px;
  max-width: 180px;
}
.friendRequest_friendRequest__text__4Yo6u {
  font-size: 14px;
  font-weight: 500;
  color: #b9b5d0;
}
.friendRequest_friendRequest__text_light__t0Bvz {
  color: #e6e5ee;
}
.friendRequest_friendRequest__requestButtonWrap__SK4k9 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.friendRequest_friendRequest__buttonWrapper__HGmkV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.friendRequest_friendRequest__buttonWrapper_item__2dxtU {
  cursor: pointer;
  opacity: 0.8;
}
.friendRequest_friendRequest__buttonWrapper_item__2dxtU:hover {
  opacity: 1;
}
@media (max-width: 1490px) {
  .friendRequest_friendRequest__buttonWrapper_item__2dxtU svg {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 1100px) {
  .friendRequest_friendRequest__buttonWrapper_item__2dxtU svg {
    width: 40px;
    height: 40px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/components/ReferralCard/referralCard.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.referralCard_referralCard__oMvKq {
  padding: 15px;
  display: flex;
  background: linear-gradient(0deg, rgba(32, 32, 76, 0.24), rgba(32, 32, 76, 0.24));
  border-radius: 24px;
  gap: 10px;
  padding: 15px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.referralCard_referralCard__contentWrap__d_YCM {
  display: flex;
  gap: 10px;
}
.referralCard_referralCard__contentWrap__d_YCM button {
  font-size: 14px;
  font-weight: 600;
  color: #e6e5ee;
  padding: 10px 15px;
  text-transform: none;
}
.referralCard_referralCard__referralTextWrap__JHF5J {
  display: flex;
  align-items: center;
  gap: 8px;
}
.referralCard_referralCard__referralTextWrap__JHF5J span {
  color: #e6e5ee;
  margin-top: 3px;
}
.referralCard_referralCard__referralTextWrap__JHF5J svg {
  width: 18px;
  height: 18px;
}
.referralCard_referralCard__asset__qF2Ln {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.referralCard_referralCard__text__KT1kh {
  font-size: 14px;
  font-weight: 500;
  color: #b9b5d0;
}
.referralCard_referralCard__text_white__cSY3t {
  color: #e6e5ee;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/components/WelcomeCard/welcomeCard.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.welcomeCard_welcomeCard__FyWtb {
  padding: 15px;
  display: flex;
  background: linear-gradient(0deg, rgba(32, 32, 76, 0.24), rgba(32, 32, 76, 0.24));
  border-radius: 24px;
  gap: 10px;
  padding: 15px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.welcomeCard_welcomeCard__FyWtb img {
  min-width: 20px;
}
.welcomeCard_welcomeCard__iconWrap__7VFbk {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 12px 20px;
  width: 44px;
  height: 44px;
}
.welcomeCard_welcomeCard__text__hRQHg {
  font-size: 14px;
  font-weight: 500;
  color: #b9b5d0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/components/NotificationListItem/notificationListItem.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notificationListItem_notificationListItem__glKkG {
  margin-bottom: 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/QuickAccessMenuMobile/components/NotificationsMobile/notificationsMobile.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notificationsMobile_notificationsMobile__Sxk2E {
  position: absolute;
  width: 100%;
  height: calc(100% - 110px);
  left: 0;
  bottom: 0;
  background: #0d0d23;
  transform: translateX(-100%);
  transition: transform 0.2s ease-out;
}
.notificationsMobile_notificationsMobile__open__F2oag {
  transform: translate(0);
}
.notificationsMobile_notificationsMobile__header__AoYE7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #28254f;
  padding: 8px 20px;
  width: 100%;
}
.notificationsMobile_notificationsMobile__labelWrap__Gi9C7 {
  display: flex;
  align-items: center;
  gap: 15px;
}
.notificationsMobile_notificationsMobile__headerLabel__wNRqj {
  color: #5b5779;
  font-weight: 600;
  font-size: 16px;
}
.notificationsMobile_notificationsMobile__emptyState__5W0rV {
  font-weight: 700;
  font-size: 14px;
  color: #e6e5ee;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.notificationsMobile_notificationsMobile__btn__inniH {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: transform 0.2s ease-out;
  transform: rotate(0);
  background: linear-gradient(180deg, #12102f 0%, #12102f 100%) padding-box, linear-gradient(to right, #28254f, #28254f) border-box;
}
.notificationsMobile_notificationsMobile__btn_active__NPb4_ {
  transform: rotate(-90deg);
  background: linear-gradient(180deg, #12102f 0%, #12102f 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
}
.notificationsMobile_notificationsMobile__btn_active__NPb4_ svg {
  margin-bottom: 2px;
}
.notificationsMobile_notificationsMobile__body__5Y4lx {
  padding: 15px;
  max-height: calc(80vh - 160px);
  overflow: auto;
  padding-bottom: 80px;
  height: 100%;
}
.notificationsMobile_notificationsMobile__body__5Y4lx::-webkit-scrollbar {
  width: 2px;
}
.notificationsMobile_notificationsMobile__body__5Y4lx::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.notificationsMobile_notificationsMobile__body__5Y4lx::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/UserProfile/components/StatisticItemBlock/statisticItemBlock.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.statisticItemBlock_statisticItemBlock__KVmf6 {
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.84) 0%, rgba(24, 20, 57, 0.84) 100%);
  border-radius: 16px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding: 15px;
}
.statisticItemBlock_statisticItemBlock__img__JMDaE {
  width: 100%;
  height: 100%;
  max-width: 64px;
  max-height: 64px;
  min-width: 64px;
  min-height: 64px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.statisticItemBlock_statisticItemBlock__title___KnZD {
  font-size: 14px;
  font-weight: 600;
  color: #e6e5ee;
}
.statisticItemBlock_statisticItemBlock__subtitle__0hM94 {
  color: #b9b5d0;
  font-size: 12px;
  font-weight: 600;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/UserProfile/userProfile.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.userProfile_userProfile__Co4IR {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0d0d23;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out, -webkit-clip-path 0.2s ease-out;
}
.userProfile_userProfile__levelWrap__TIanN {
  margin-bottom: 30px;
  padding: 10px 20px 0 20px;
}
.userProfile_userProfile__open__lOTv4 {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.userProfile_userProfile__actionsWrapper__n3bhd {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 20px;
}
.userProfile_userProfile__actionsWrapper__n3bhd button {
  padding: 10px;
  text-transform: none;
  width: 100%;
}
.userProfile_userProfile__contentWrap__Ohww4 {
  max-height: calc(100% - 165px);
  overflow: auto;
}
.userProfile_userProfile__contentWrap__Ohww4::-webkit-scrollbar {
  width: 2px;
}
.userProfile_userProfile__contentWrap__Ohww4::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.userProfile_userProfile__contentWrap__Ohww4::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.userProfile_userProfile__head__DJKTh {
  position: relative;
  margin-bottom: 55px;
}
.userProfile_userProfile__headImg__jlKSo {
  height: 98px;
  background-size: cover;
  background-repeat: no-repeat;
}
.userProfile_userProfile__headBtn__SwoFb {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.userProfile_userProfile__headBtn__SwoFb span {
  color: #b9b5d0;
  font-weight: 500;
  font-size: 16px;
}
.userProfile_userProfile__info__uGakZ {
  position: absolute;
  top: 72px;
  left: 32px;
  display: flex;
  align-items: center;
  gap: 25px;
}
.userProfile_userProfile__icon__Tw7Wc {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 1490px) {
  .userProfile_userProfile__icon__Tw7Wc {
    width: 50px;
    height: 50px;
  }
}
.userProfile_userProfile__infoWrapper__Oj2Yz {
  display: flex;
  flex-direction: column;
}
.userProfile_userProfile__infoWrapper_name__Rpo_k {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.userProfile_userProfile__infoWrapper_subName__3KehW {
  color: #928eaa;
  font-size: 14px;
  font-weight: 600;
}
.userProfile_userProfile__topButton__9_ebP {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #e6e5ee;
  border-bottom-left-radius: 32px;
  border-top-right-radius: 32px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  top: 0px;
  height: 40px;
  padding: 14px;
  right: 0;
  z-index: 1000;
  cursor: pointer;
}
@media (max-width: 1280px) {
  .userProfile_userProfile__topButton__9_ebP {
    display: none;
  }
}
.userProfile_userProfile__topButton__9_ebP:hover {
  background-color: #28254f;
}
.userProfile_userProfile__metricsGrid__6rYPu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
  padding: 0 20px;
}
.userProfile_userProfile__inputWrap__MWpev {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.44) 0%, rgba(24, 20, 57, 0.44) 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  padding: 12px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/UserProfileMobile/userProfileMobile.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.userProfileMobile_userProfileMobile__cqmm0 {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  max-height: 80vh;
  width: 100%;
  background: #0d0d23;
  padding-bottom: 90px;
  transform: translateY(100%);
  z-index: 99;
  transition: transform 0.2s ease-out;
  border-top-right-radius: 32px;
  border-top-left-radius: 32px;
}
.userProfileMobile_userProfileMobile__closeBtn__d_0n0 {
  position: absolute;
  right: 20px;
  top: 20px;
}
.userProfileMobile_userProfileMobile__contentWrapper__upESm {
  max-height: calc(80vh - 140px);
  overflow: auto;
  padding-bottom: 80px;
}
.userProfileMobile_userProfileMobile__contentWrapper__upESm::-webkit-scrollbar {
  width: 2px;
}
.userProfileMobile_userProfileMobile__contentWrapper__upESm::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.userProfileMobile_userProfileMobile__contentWrapper__upESm::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.userProfileMobile_userProfileMobile__open__5QbUK {
  transform: translateY(0);
}
.userProfileMobile_userProfileMobile__head__eJwW_ {
  position: relative;
  margin-bottom: 20px;
}
.userProfileMobile_userProfileMobile__headImg__86r3E {
  height: 98px;
  background-size: cover;
  background-repeat: no-repeat;
}
.userProfileMobile_userProfileMobile__levelWrap__Dwlg2 {
  padding: 10px 20px 0 20px;
  margin-bottom: 10px;
}
.userProfileMobile_userProfileMobile__info__j1dl5 {
  padding-left: 32px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  gap: 25px;
}
.userProfileMobile_userProfileMobile__icon__yNoXo {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
.userProfileMobile_userProfileMobile__infoWrapper__HGfKr {
  display: flex;
  flex-direction: column;
}
.userProfileMobile_userProfileMobile__infoWrapper_name__HoBcV {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.userProfileMobile_userProfileMobile__infoWrapper_subName__xN7DK {
  color: #928eaa;
  font-size: 14px;
  font-weight: 600;
}
.userProfileMobile_userProfileMobile__actionsWrapper__rqmM9 {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 20px;
}
.userProfileMobile_userProfileMobile__actionsWrapper__rqmM9 button {
  padding: 10px;
  text-transform: none;
  width: 100%;
}
.userProfileMobile_userProfileMobile__metricsGrid___Kgyk {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  gap: 12px;
  padding: 0 20px;
}
.userProfileMobile_userProfileMobile__inputWrap__Kp77X {
  margin: 20px;
  border: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Tabs/tabs.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabs_tabs__OUKdZ {
  position: relative;
}
.tabs_tabs__wrapper__jOuUx {
  width: 100%;
  display: flex;
  align-items: center;
}
.tabs_tabs__wrapper__justified__kqJoO {
  justify-content: space-between;
}
.tabs_tabs__btn__HzMpI {
  color: #5b5779;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  padding: 0 25px 25px 25px;
  transition: 0.2s ease-out;
  transition-property: font-size, color;
  min-height: 80px;
  white-space: nowrap;
}
.tabs_tabs__btn__HzMpI span {
  color: #e6e5ee;
  font-size: 28px;
}
.tabs_tabs__btn_active__hwVYa {
  font-size: 36px;
  color: #e6e5ee;
}
.tabs_tabs__btn_sm__E4Apb {
  font-size: 14px;
  text-transform: none;
  font-weight: 600;
  min-height: 50px;
  padding: 0 10px 10px 10px;
}
.tabs_tabs__btn_sm__E4Apb span {
  font-size: 14px;
}
.tabs_tabs__btn_md__kh2Y0 {
  font-size: 18px;
  font-weight: 700;
  padding: 0 30px 10px 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-height: 50px;
  white-space: nowrap;
}
.tabs_tabs__btn_md__kh2Y0:last-child {
  padding: 0 0 10px 0;
}
@media (max-width: 1490px) {
  .tabs_tabs__btn_md__kh2Y0 {
    font-size: 12px;
    min-height: 30px;
    padding: 0 30px 5px 0;
  }
  .tabs_tabs__btn_md__kh2Y0:last-child {
    padding: 0 0 5px 0;
  }
}
@media (max-width: 1100px) {
  .tabs_tabs__btn_md__kh2Y0 {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 18px !important;
  }
  .tabs_tabs__btn_md__kh2Y0:last-child {
    padding: 0 0 10px 0 !important;
  }
}
@media (max-width: 768px) {
  .tabs_tabs__btn_md__kh2Y0 {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 16px !important;
  }
  .tabs_tabs__btn_md__kh2Y0:last-child {
    padding: 0 0 10px 0 !important;
  }
}
@media (max-width: 480px) {
  .tabs_tabs__btn_md__kh2Y0 {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 12px !important;
  }
  .tabs_tabs__btn_md__kh2Y0:last-child {
    padding: 0 0 10px 0 !important;
  }
}
@media (max-width: 992px) {
  .tabs_tabs__btn__HzMpI {
    padding: 0 15px 15px 15px;
    min-height: 55px;
    font-size: 20px;
  }
  .tabs_tabs__btn_active__hwVYa {
    font-size: 20px;
  }
}
@media (max-width: 320px) {
  .tabs_tabs__btn__HzMpI {
    font-size: 16px;
  }
  .tabs_tabs__btn_active__hwVYa {
    font-size: 16px;
  }
}
.tabs_tabs__track__6xpVC {
  position: relative;
  height: 2px;
  background: rgba(230, 229, 238, 0.0392156863);
  width: 100%;
}
.tabs_tabs__thumb__zoN00 {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  border-radius: 8px;
  background: linear-gradient(96.99deg, #72F8FA -2.34%, #3FAFE7 23.48%, #3693FF 49.3%, #8D4EFF 75.12%, #C656FA 100.94%);
  transition: all 0.2s ease-out;
  box-shadow: 0px 0px 12px 0px rgba(114, 248, 250, 0.3215686275);
}
.tabs_tabs__thumb_sm__tfcvH {
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tabs_tabs__thumb_md__KTyK3 {
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/ChatHeader/chatHeader.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatHeader_chatHeader__U_P_D {
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ActionButton/actionButton.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.actionButton_actionButton__2Ai6X {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  width: 100%;
}
.actionButton_actionButton__2Ai6X:hover .actionButton_actionButton__label__Xe6M3 {
  color: #e6e5ee;
}
.actionButton_actionButton__iconWrapper__5uVVu {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}
.actionButton_actionButton__iconWrapper_md__OBJtn {
  width: 46px;
  height: 46px;
}
.actionButton_actionButton__label__Xe6M3 {
  color: #928eaa;
  font-weight: 600;
  font-size: 16px;
  transition: color 0.2s ease-out;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/fonts/fonts.ts","import":"","arguments":[{"src":[{"path":"./Inter-Regular.ttf","weight":"400","style":"normal"},{"path":"./Inter-Bold.ttf","weight":"700","style":"normal"},{"path":"./Inter-Light.ttf","weight":"300","style":"normal"},{"path":"./Inter-SemiBold.ttf","weight":"600","style":"normal"},{"path":"./Inter-Medium.ttf","weight":"500","style":"normal"}]}],"variableName":"interFont"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__interFont_748c51';
src: url(/_next/static/media/1282ebc61b96a9d9-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: '__interFont_748c51';
src: url(/_next/static/media/c146dcab14729d84-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: '__interFont_748c51';
src: url(/_next/static/media/0b4ff3e020f1ae12-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: '__interFont_748c51';
src: url(/_next/static/media/524c2f2ba740ce37-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: '__interFont_748c51';
src: url(/_next/static/media/8d213a541b09f168-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 500;
font-style: normal;
}@font-face {font-family: '__interFont_Fallback_748c51';src: local("Arial");ascent-override: 90.00%;descent-override: 22.43%;line-gap-override: 0.00%;size-adjust: 107.64%
}.__className_748c51 {font-family: '__interFont_748c51', '__interFont_Fallback_748c51'
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/fonts/fonts.ts","import":"","arguments":[{"src":[{"path":"./jost/Jost-Regular.ttf","weight":"400","style":"normal"},{"path":"./jost/Jost-Medium.ttf","weight":"500","style":"normal"},{"path":"./jost/Jost-SemiBold.ttf","weight":"600","style":"normal"},{"path":"./jost/Jost-Bold.ttf","weight":"700","style":"normal"},{"path":"./jost/Jost-ExtraBold.ttf","weight":"800","style":"normal"}]}],"variableName":"jostFont"} ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__jostFont_225a19';
src: url(/_next/static/media/b39aaa38d13114ac-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: '__jostFont_225a19';
src: url(/_next/static/media/15c2d4282ada60c8-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: '__jostFont_225a19';
src: url(/_next/static/media/d8087793607bf252-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: '__jostFont_225a19';
src: url(/_next/static/media/5a021299fb194ff3-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: '__jostFont_225a19';
src: url(/_next/static/media/cb3a87a4037e7844-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 800;
font-style: normal;
}@font-face {font-family: '__jostFont_Fallback_225a19';src: local("Arial");ascent-override: 112.02%;descent-override: 39.26%;line-gap-override: 0.00%;size-adjust: 95.51%
}.__className_225a19 {font-family: '__jostFont_225a19', '__jostFont_Fallback_225a19'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Spinner/spinner.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.spinner_spinner__aogYI {
  animation: spinner_rotate__ctOh3 2s linear infinite;
  z-index: 2;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
.spinner_spinner__aogYI .spinner_path__ocajh {
  stroke: hsl(210, 70%, 75%);
  stroke-linecap: round;
  animation: spinner_dash__zWNO_ 1.5s ease-in-out infinite;
}

@keyframes spinner_rotate__ctOh3 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinner_dash__zWNO_ {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/ChatBody/chatBody.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatBody_messages__HJBx3 {
  padding: 0 8px 0 20px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.chatBody_messages__spinner__GMKSr {
  display: flex;
  justify-content: center;
  align-items: center;
}
.chatBody_messages__emptyState__uxvhG {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 12px;
  overflow: hidden;
  color: #928eaa;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}
.chatBody_messages__wrapper__jusBT {
  width: 100%;
  height: 100%;
  padding-right: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
.chatBody_messages__wrapper__jusBT::-webkit-scrollbar {
  width: 3px;
  display: block;
}
.chatBody_messages__wrapper__jusBT::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 55px;
}
.chatBody_messages__wrapper__jusBT::-webkit-scrollbar-track-piece:start {
  background-color: #28254f;
  margin-top: 15px;
}
.chatBody_messages__wrapper__jusBT::-webkit-scrollbar-track-piece:end {
  background-color: #28254f;
  margin-bottom: 15px;
}
.chatBody_messages__wrapper__jusBT::-webkit-scrollbar-thumb {
  background-color: #484984;
  border-radius: 55px;
}

.chatBody_adminMessages__57rD8 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgb(19, 19, 48);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/ChatSearch/chatSearch.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatSearch_chatSearch__qPZAE {
  width: 100%;
  border-radius: 32px;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.44) 0%, rgba(24, 20, 57, 0.44) 100%);
  padding: 12px;
  position: relative;
}
@media (max-width: 1100px) {
  .chatSearch_chatSearch__qPZAE {
    padding: 4px;
    border-top: none;
  }
}
.chatSearch_chatSearch__icon__rWDGt {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.chatSearch_chatSearch__qPZAE input {
  border-radius: 20px;
  background: #08081C;
  padding: 0 15px;
  color: white;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  border: none;
}
.chatSearch_chatSearch__qPZAE input:active {
  border: none;
}
.chatSearch_chatSearch__qPZAE textarea:focus, .chatSearch_chatSearch__qPZAE input:focus {
  outline: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/UserCard/userCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.userCard_userCard__elq8m {
  width: 100%;
  border-radius: 24px;
  border-top: 2px solid #1c193d;
  background-color: #131330;
  padding: 16px;
  color: #E6E5EE;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1490px) {
  .userCard_userCard__elq8m {
    padding: 12px;
  }
}
@media (max-width: 992px) {
  .userCard_userCard__elq8m {
    padding: 16px;
  }
}
.userCard_userCard__user__P_vyX {
  display: flex;
  align-items: center;
}
.userCard_userCard__user__info__oy1Ix {
  display: flex;
  flex-direction: column;
  margin-left: 10px; /* Adjust as needed */
}
.userCard_userCard__user_name__dB6Zy {
  margin-left: 10px;
  color: #E6E5EE;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
}
@media (max-width: 1490px) {
  .userCard_userCard__user_name__dB6Zy {
    font-size: 12px;
  }
}
@media (max-width: 1100px) {
  .userCard_userCard__user_name__dB6Zy {
    font-size: 14px;
  }
}
.userCard_userCard__user_subtitle__lRJEq {
  font-size: 0.9em;
  color: gray;
}
.userCard_userCard__user_status__ZLzND {
  margin-left: 10px;
  margin-top: 4px; /* Adjust as needed */
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-align: left;
  gap: 0px;
  opacity: 1;
}
.userCard_userCard__elq8m .userCard_online__qHYge {
  color: #63BFED;
}
.userCard_userCard__elq8m .userCard_offline__ZOHjF {
  color: #928EAA;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Friends/FriendCard/friendCard.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.friendCard_friendCard__jFtAG {
  margin-bottom: 20px;
}
.friendCard_friendCard__jFtAG:first-of-type {
  margin-top: 15px;
}
.friendCard_friendCard__jFtAG:last-of-type {
  margin-bottom: 15px;
}
.friendCard_friendCard__buttonWrap__WRU1S {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
}
.friendCard_friendCard__dotsWrap__fCjYg {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #28254F;
  cursor: pointer;
  opacity: 0.8;
}
.friendCard_friendCard__dotsWrap__fCjYg:hover, .friendCard_friendCard__dotsWrap__fCjYg:focus {
  opacity: 1;
}
@media (max-width: 1490px) {
  .friendCard_friendCard__dotsWrap__fCjYg {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 1100px) {
  .friendCard_friendCard__dotsWrap__fCjYg {
    width: 40px;
    height: 40px;
  }
}
.friendCard_friendCard__dots__Pk1n0 {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #928eaa;
}
.friendCard_friendCard__dots__Pk1n0::before {
  position: absolute;
  left: 7px;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background: #928eaa;
}
.friendCard_friendCard__dots__Pk1n0::after {
  position: absolute;
  content: "";
  right: 7px;
  top: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #928eaa;
}
.friendCard_friendCard__button__AxAhg {
  position: relative;
  z-index: 2;
  text-align: start;
  color: #928eaa;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease-out;
  width: 100%;
  padding: 10px;
  border-radius: 12px;
}
.friendCard_friendCard__button__AxAhg:hover {
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #8d4eff 214.61%);
  color: #e6e5ee;
}
.friendCard_friendCard__tooltipWrapper__tbIy_ {
  position: relative;
  opacity: 1;
}
.friendCard_friendCard__tooltipWrapper__tbIy_:hover .friendCard_friendCard__tooltipWrapper_tooltip__qXie8 {
  display: block;
}
.friendCard_friendCard__tooltipWrapper_tooltip__qXie8 {
  display: none;
  font-size: 12px;
  padding: 10px 15px;
  border-radius: 24px;
  bottom: 45px;
  right: -10px;
  position: absolute;
  width: max-content;
  background: #28254f;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  color: #e6e5ee;
}
.friendCard_friendCard__buttonWrapper__0LKZa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.friendCard_friendCard__buttonWrapper_item__hPxFV {
  cursor: pointer;
  opacity: 0.8;
}
.friendCard_friendCard__buttonWrapper_item__hPxFV:hover {
  opacity: 1;
}
@media (max-width: 1490px) {
  .friendCard_friendCard__buttonWrapper_item__hPxFV svg {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 1100px) {
  .friendCard_friendCard__buttonWrapper_item__hPxFV svg {
    width: 40px;
    height: 40px;
  }
}

.friendCard_modalOverlay__27a3r {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.friendCard_modalContent__kyw_2 {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  transform: translate(-50%, -50%) scale(0.7);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 520px;
  max-height: 75vh;
  padding: 30px 40px 15px 40px;
  background: #110f2a;
  border-radius: 32px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
}
@media (max-width: 480px) {
  .friendCard_modalContent__kyw_2 {
    max-width: calc(100% - 30px);
    padding: 30px 30px 15px 30px;
  }
}
.friendCard_modalContent__kyw_2.friendCard_withOffset__eILzU {
  padding: 85px 0 15px 0;
}
.friendCard_modalContent__kyw_2.friendCard_open__IVKl4 {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: all;
}

.friendCard_modalHeader__EA_Vf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 480px) {
  .friendCard_modalHeader__EA_Vf {
    padding: 20px 15px;
  }
}
.friendCard_modalHeader__EA_Vf.friendCard_withBorder__aFegG {
  border-bottom: 2px solid #28254f;
}

.friendCard_userProfile___wJFb {
  display: flex;
  align-items: center;
}

.friendCard_userProfile__image__FZbb1 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}

.friendCard_userProfile__name__vBEXN {
  font-weight: bold;
  color: #e6e5ee;
}

.friendCard_modalContent__title1__m60Fz {
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.01em;
  text-align: left;
}

.friendCard_modalContent__title__5Zhv2,
.friendCard_modalContent__content__s3LY5 {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}

.friendCard_span__8Priv {
  color: #e6e5ee;
}

.friendCard_modalActions____cjF {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  padding-bottom: 20px;
}

.friendCard_confirmationCancelBtn__qJkE4 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.friendCard_confirmationCancelBtn__qJkE4:hover {
  color: #e6e5ee;
}

.friendCard_confirmationCancelBtn__qJkE4 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.friendCard_confirmationCancelBtn__qJkE4:hover {
  color: #e6e5ee;
}

.friendCard_closeBtn__WVpSS {
  position: absolute;
  right: 25px;
  top: 25px;
}
.friendCard_closeBtn__WVpSS svg path {
  stroke: #4C4773;
}

.friendCard_actionsWrapper__jOlmI {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.friendCard_actionsWrapper__jOlmI button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Friends/friends.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.friends_friends__1ikz_ {
  height: calc(100% - 71px);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.friends_friends__wrapper__Rr394 {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.friends_friends__inviteWrapper___owIq {
  padding: 0 20px 10px 20px;
  margin-top: 20px;
}
.friends_friends__inviteWrapper___owIq svg {
  width: 20px;
  height: 20px;
}
.friends_friends__inviteWrapper_mobile__TWk2d {
  display: none;
  margin-bottom: 15px;
}
.friends_friends__inviteWrapper_mobile__TWk2d svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 1100px) {
  .friends_friends__inviteWrapper___owIq {
    display: none;
  }
  .friends_friends__inviteWrapper_mobile__TWk2d {
    display: block;
  }
}
.friends_friends__wrap__MoBqJ {
  height: calc(100% - 71px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  .friends_friends__wrap__MoBqJ {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    height: calc(100% - 85px);
    margin-top: 20px;
  }
}
.friends_friends__title__fJNQV {
  color: #b9b5d0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  margin-top: 20px;
  margin-bottom: 12px;
}
.friends_friends__chatWrapper__eCOxY {
  width: 100%;
  margin-top: auto;
}
@media (max-width: 1280px) {
  .friends_friends__chatWrapper__eCOxY {
    padding: 0 15px;
    margin-top: unset;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/DirectMessage/directMessage.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.directMessage_message__Zsnvp {
  margin-bottom: 10px;
}
.directMessage_message__incoming__eVC9N {
  display: flex;
  justify-content: flex-end;
}
.directMessage_message__outgoing__OC0UL {
  display: flex;
  justify-content: flex-start;
}
.directMessage_message__Zsnvp:first-of-type {
  margin-top: 15px;
}
.directMessage_message__Zsnvp:last-of-type {
  margin-bottom: 15px;
}
.directMessage_message__wrapper__IWNli {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 24px;
  background: rgba(28, 25, 61, 0.4392156863);
  padding: 15px;
}
.directMessage_message__wrapper_outgoing__bhY8m {
  background: rgba(28, 25, 61, 0.4392156863);
}
.directMessage_message__wrapper_incoming__zZ3Hw {
  background: rgba(32, 32, 76, 0.64);
}
.directMessage_message__text__MdeUR {
  color: #e6e5ee;
  word-break: break-all;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.14px;
}
.directMessage_message__time__vPN7X {
  padding-left: 10px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  color: #5b5779;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/ChatInput/chatInput.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatInput_chatInput__6riwI {
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.64) 0%, rgba(24, 20, 57, 0.64) 100%);
  border-radius: 32px;
  padding: 8px;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .chatInput_chatInput__6riwI {
    background: rgba(25, 20, 57, 0);
    padding: 10px 30px;
  }
}
@media (max-width: 480px) {
  .chatInput_chatInput__6riwI {
    padding: 10px 15px;
  }
}
@media (max-width: 320px) {
  .chatInput_chatInput__6riwI {
    padding: 10px 13px;
  }
}
.chatInput_chatInput__rulesContent__MNiUt {
  padding: 20px 40px;
}
@media (max-width: 992px) {
  .chatInput_chatInput__rulesContent__MNiUt {
    padding: 20px;
  }
}
.chatInput_chatInput__ruleWrap__3iKm6 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.chatInput_chatInput__ruleWrap__3iKm6:not(:last-child) {
  margin-bottom: 20px;
}
.chatInput_chatInput__ruleNum__Gl9_v {
  font-size: 16px;
  font-weight: 500;
  color: #e6e5ee;
}
.chatInput_chatInput__ruleText__X1NPs {
  max-width: 320px;
  color: #b9b5d0;
  font-size: 16px;
  font-weight: 500;
}
.chatInput_chatInput__container___EPYa {
  width: 100%;
  padding: 0 16px;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatInput_chatInput__container_text__kydQI {
  color: #928eaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
.chatInput_chatInput__container_button__5sLcK {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: var(--3, linear-gradient(101deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.8;
  cursor: default;
  pointer-events: none;
}
.chatInput_chatInput__wrapper__93ttZ {
  width: 100%;
  border-radius: 24px;
  background: #08081c;
  display: flex;
  justify-content: space-between;
  align-items: end;
  position: relative;
}
.chatInput_chatInput__wrapper_limit__4eFI9 {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #928eaa;
  font-size: 12px;
  text-align: end;
}
.chatInput_chatInput__input__Nt6qq {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% + 40px);
  min-width: 150px;
  outline: none;
  background-color: transparent;
  color: #e6e5ee;
  font-weight: 500;
  font-size: 14px;
  cursor: text;
  max-width: 300px;
  overflow: hidden;
  resize: none;
}
.chatInput_chatInput__text__kHlxJ {
  color: #5B5779;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.chatInput_chatInput__buttonsWrapper__nLMCb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.chatInput_chatInput__emojiIcon__wtXES {
  opacity: 0.6;
  transition: opacity 0.2s ease-out;
}
.chatInput_chatInput__emojiIcon__wtXES:hover {
  opacity: 1;
}
.chatInput_chatInput__smileIcon__x_D6T {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.chatInput_chatInput__smileIcon_emoji__4FGzQ {
  bottom: 45px;
  right: -45px;
  position: absolute;
  z-index: 10;
}
.chatInput_chatInput__smileIcon__x_D6T em-emoji-picker {
  width: 310px;
  height: 176px;
  flex-shrink: 0;
  border-top: 2px solid rgb(34, 34, 67);
  --border-radius: 24px;
  --rgb-background: 26, 26, 60;
  --rgb-color: 255, 255, 255;
  --box-shadow: 0px 4px 32px 0px rgba(4, 4, 16, 0.24);
  overflow: auto;
}
.chatInput_chatInput__buttonsWrapper__nLMCb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatInput_chatInput__btn__Re4S7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid transparent;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background: linear-gradient(180deg, #12102f 0%, #12102f 100%) padding-box, linear-gradient(to right, #28254f, #28254f) border-box;
}
.chatInput_chatInput__btn__Re4S7 path {
  transition: fill 0.2s ease-out;
}
.chatInput_chatInput__btn_active__Ea_P0 {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
}
.chatInput_chatInput__btn_active__Ea_P0 path {
  fill: #b9b5d0;
}
.chatInput_chatInput__btn__Re4S7:hover path {
  fill: #b9b5d0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Direct/direct.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.direct_direct__UkOZA {
  position: absolute;
  background-color: #0d0d23;
  border-radius: 32px;
  top: 0;
  z-index: 100;
  left: 2px;
  width: calc(100% - 4px);
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .direct_direct__UkOZA {
    border-radius: 0;
  }
  .direct_direct__UkOZA::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: #0d0d23;
  }
}
.direct_direct__wrapper__tXTcX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.direct_direct__emptyState__7SyxA {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.direct_direct__emptyState_title__KCHzJ {
  color: #928eaa;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}
.direct_direct__emptyState_nickname__hBXfM {
  color: #e6e5ee;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
.direct_direct__header__kB6mQ {
  padding: 18px 18px 0 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.direct_direct__header_back__4_Jfu {
  margin-right: 20px;
  opacity: 0.8;
}
.direct_direct__header_back__4_Jfu:hover {
  cursor: pointer;
  opacity: 1;
}
.direct_direct__messages__EiO53 {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.direct_direct__line__a9ND6 {
  border-radius: 24px;
  background: rgba(230, 229, 238, 0.0392156863);
  width: calc(100% - 40px);
  height: 2px;
  flex-shrink: 0;
  margin: 0 20px;
}
.direct_direct__info__gdWe_ {
  margin-left: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  flex-direction: column;
  text-overflow: ellipsis;
  overflow: hidden;
}
.direct_direct__info_name__kgPMx {
  color: #e6e5ee;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.14px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Messages/MessageCard/messageCard.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.messageCard_massageCard__Eagxr {
  position: relative;
  border-radius: 24px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background-color: #131330;
  padding: 16px;
  color: #e6e5ee;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1490px) {
  .messageCard_massageCard__Eagxr {
    gap: 10px;
    padding: 12px;
  }
  .messageCard_massageCard__Eagxr img {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
  }
}
@media (max-width: 1100px) {
  .messageCard_massageCard__Eagxr {
    gap: 20px;
    padding: 20px;
  }
  .messageCard_massageCard__Eagxr img {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 44px !important;
  }
}
.messageCard_massageCard__profileImageWrap__CaW7R {
  position: relative;
}
.messageCard_massageCard__profileImageWrap__CaW7R::after {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 2;
  content: "";
  width: 8px;
  height: 8px;
  background: #3ba0f3;
  border-radius: 50%;
}
.messageCard_massageCard__profileImageWrap__CaW7R::before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 1;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #0d0d23;
}
.messageCard_massageCard__profileImageWrap_offline__7R2DU::after {
  background: #928eaa;
}
.messageCard_massageCard__profileImage__ujVi6 {
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  width: 44px;
}
.messageCard_massageCard__buttonsWrap__8N9DC {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
}
.messageCard_massageCard__button__Llp7b {
  position: relative;
  z-index: 2;
  text-align: start;
  color: #928eaa;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease-out;
  width: 100%;
  padding: 10px;
  border-radius: 12px;
}
.messageCard_massageCard__button__Llp7b:hover {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  color: #e6e5ee;
}
.messageCard_massageCard__dotsWrap__W2CZv {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  opacity: 0.6;
}
.messageCard_massageCard__dotsWrap__W2CZv:hover {
  opacity: 1;
  background: rgba(36, 36, 91, 0.24);
  border-radius: 50%;
}
.messageCard_massageCard__dotsContainer__5q5UK {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messageCard_massageCard__dots__ImmS1 {
  position: relative;
  width: 2px;
  height: 2px;
  background: #e6e5ee;
}
.messageCard_massageCard__dots__ImmS1::before {
  position: absolute;
  left: 6px;
  top: 0;
  width: 2px;
  height: 2px;
  content: "";
  background: #e6e5ee;
}
.messageCard_massageCard__dots__ImmS1::after {
  position: absolute;
  content: "";
  right: 6px;
  top: 0;
  width: 2px;
  height: 2px;
  background: #e6e5ee;
}
.messageCard_massageCard__Eagxr:hover {
  cursor: pointer;
  background: rgba(32, 32, 76, 0.44);
}
.messageCard_massageCard__wrapper__oZc_z {
  width: 100%;
}
.messageCard_massageCard__moreWrapper__tGFul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
}
.messageCard_massageCard__cardTitle___YtXM {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .messageCard_massageCard__cardTitle___YtXM {
    margin-bottom: 4px;
  }
}
.messageCard_massageCard__cardTitle_name__A6txN {
  color: #E6E5EE;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.14px;
}
.messageCard_massageCard__cardTitle_time__1LJ_n {
  color: #928EAA;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.12px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
}
.messageCard_massageCard__message__a9dMt {
  color: #B9B5D0;
  font-size: 14px;
  font-style: normal;
  word-break: break-all;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  letter-spacing: 0.14px;
}
.messageCard_massageCard__unreadMessages__Yj0Kl {
  padding: 5px;
  background: linear-gradient(101deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  color: #070618;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  right: 16px;
  bottom: 10px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Messages/messages.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.messages_messages__s6x5X {
  padding: 15px 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/Select/select.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.select_select__tNeh2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.select_select__wrapper__pPeCp {
  position: relative;
  width: 100%;
}
.select_select__popover__fLLUm {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background: #12122B;
  border-radius: 24px;
  width: 100%;
  min-width: 188px;
  max-height: 296px;
  z-index: 110;
  padding-right: 15px;
}
.select_select__label__MWeUy {
  font-size: 14px;
  color: #928eaa;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .select_select__label__MWeUy {
    font-size: 12px;
  }
}
.select_select__icon__FKj80 {
  transition: transform 0.2s ease-out;
}
.select_select__icon_active__0Vw1C {
  transform: rotate(-180deg);
}
.select_select__icon_active__0Vw1C path {
  stroke: #e6e5ee;
}
.select_select__icon_active__0Vw1C defs {
  display: none;
}
.select_select__optionsWrap__DJXAT {
  padding-right: 20px;
  margin: 10px 0;
  max-height: 260px;
  overflow: auto;
}
.select_select__optionsWrap__DJXAT::-webkit-scrollbar {
  width: 2px;
}
.select_select__optionsWrap__DJXAT::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.select_select__optionsWrap__DJXAT::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.select_select__optionWrapper__bzRSE {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  gap: 12px;
  transition: background 0.2s ease-out;
}
.select_select__optionWrapper__bzRSE:first-child {
  border-top-left-radius: 24px;
}
.select_select__optionWrapper__bzRSE:last-child {
  border-bottom-left-radius: 24px;
}
.select_select__optionWrapper__bzRSE:hover {
  background: linear-gradient(90deg, rgba(32, 32, 76, 0.64) 0%, rgba(32, 32, 76, 0) 100%);
}
.select_select__optionChecked__VWg94 {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  min-width: 8px;
  min-height: 8px;
  border-radius: 50%;
}
.select_select__option__EKOB3 {
  color: #928eaa;
  font-size: 14px;
  font-weight: 500;
  text-align: start;
}
.select_select__option_selected__wSjWd {
  color: #e6e5ee;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/ChatMessage/chatMessageItem.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatMessageItem_message__1So20 {
  position: relative;
  display: flex;
  align-items: start;
  width: auto;
  padding: 20px;
  background-color: #131330;
  border-top: 2px solid #1c193d;
  border-radius: 20px;
  color: #e6e5ee;
  font-family: "Inter";
  margin-bottom: 20px;
}
.chatMessageItem_message__1So20:first-of-type {
  margin-top: 15px;
}
.chatMessageItem_message__1So20:last-of-type {
  margin-bottom: 15px;
}
@media (max-width: 1490px) {
  .chatMessageItem_message__1So20 {
    gap: 10px;
    padding: 12px;
  }
  .chatMessageItem_message__1So20 img {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
  }
}
@media (max-width: 1100px) {
  .chatMessageItem_message__1So20 {
    gap: 20px;
    padding: 20px;
  }
  .chatMessageItem_message__1So20 img {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    min-width: 44px !important;
  }
}
.chatMessageItem_message__icon___khul {
  height: 44px;
  width: 44px;
}
.chatMessageItem_message__wrapper___fp0z {
  padding-left: 12px;
  width: calc(100% - 40px);
}
@media (max-width: 1490px) {
  .chatMessageItem_message__wrapper___fp0z {
    padding-left: 0;
  }
}
.chatMessageItem_message__buttonWrapLoader__KYR9B {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.chatMessageItem_message__reportTextarea__BkRdp {
  width: 100%;
  border-radius: 14px;
  background-color: #0d0d23;
  border: 2px solid rgba(230, 229, 238, 0.0392156863);
  color: #e6e5ee;
  font-weight: 600;
  font-size: 14px;
  margin-top: 20px;
  outline: none;
  padding: 14px 18px;
}
.chatMessageItem_message__reportTextarea__BkRdp::placeholder {
  font-size: 14px;
  font-weight: 600;
  color: #53516a;
}
.chatMessageItem_message__reportHead__kxco9 {
  display: flex;
  align-items: center;
}
.chatMessageItem_message__reportHead_img__s3knQ {
  width: 44px;
  height: 44px;
  margin-right: 12px;
  border-radius: 50%;
}
.chatMessageItem_message__reportHead_name__eHoDG {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
}
.chatMessageItem_message__reportContent__CFHHb {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 40px 0 40px;
}
.chatMessageItem_message__reportBtnWrap__ViAp0 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.chatMessageItem_message__reportBtnWrap__ViAp0 button {
  max-width: 150px;
  width: 100%;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
.chatMessageItem_message__cancelBtn__zyyDo {
  color: #b9b5d0;
  font-size: 14px;
  font-weight: 600;
  margin-right: 15px;
}
.chatMessageItem_message__buttonWrap__QnNRa {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
}
.chatMessageItem_message__button__ouBmu {
  position: relative;
  z-index: 2;
  text-align: start;
  color: #928eaa;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease-out;
  width: 100%;
  padding: 10px;
  border-radius: 12px;
}
.chatMessageItem_message__button__ouBmu:hover {
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  color: #e6e5ee;
}
.chatMessageItem_message__header__G0ef5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatMessageItem_message__header_title__x1OQA {
  color: #b9b5d0;
  font-size: 14px;
  white-space: nowrap;
  max-width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  line-height: 140%;
  letter-spacing: 0.14px;
}
.chatMessageItem_message__header_date__YdxVy {
  display: flex;
  text-align: start;
  font-size: 12px;
  white-space: nowrap;
  margin-left: 3px;
  font-weight: 500;
  color: #5b5779;
}
.chatMessageItem_message__body__HkfB0 {
  color: #e6e5ee;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.14px;
  margin-top: 3px;
}

.chatMessageItem_pinnedMessage__3UX2p {
  background-color: rgb(19, 19, 48);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Private/Group/group.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1100px) {
  .group_chatInput__iRqU8 {
    background: rgba(25, 20, 57, 0.4705882353);
    margin-bottom: -108px;
    border-radius: 30px 30px 0px 0px;
  }
}
@media (max-width: 1100px) {
  .group_chatInput__wapper__u_T7H {
    margin-bottom: 125px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/Public/ChatHeader/chatHeader.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatHeader_chatHeader__3Xz_d {
  opacity: 1;
  position: relative;
  padding-top: 16px;
}
.chatHeader_chatHeader__wrapper__6Ih7r {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  padding-bottom: 14px;
  margin-right: 20px;
  margin-left: 20px;
}
.chatHeader_chatHeader__leftSide__xoZIs {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
.chatHeader_chatHeader__leftSide_chatRoom__iWFMR {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: linear-gradient(101deg, rgba(114, 248, 250, 0.24) -49.22%, rgba(63, 175, 231, 0.24) 16.74%, rgba(54, 147, 255, 0.24) 82.7%, rgba(141, 78, 255, 0.24) 148.66%, rgba(198, 86, 250, 0.24) 214.61%);
}
.chatHeader_chatHeader__leftSide_title__JHPM5 {
  padding-left: 12px;
  color: #e6e5ee;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.14px;
}
.chatHeader_chatHeader__line__nGMc1 {
  border-radius: 24px;
  background: rgba(230, 229, 238, 0.0392156863);
  width: 300px;
  height: 2px;
  flex-shrink: 0;
  margin: 0 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/ChatCollapsedView/chatCollapsed.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chatCollapsed_chatCollapsed__udP0z {
  position: -webkit-sticky;
  position: sticky;
  border-radius: 32px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background-color: rgba(28, 25, 61, 0.4392156863);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 212px;
  width: 51px;
  height: 51px;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.chatCollapsed_chatCollapsed__udP0z:hover {
  background-color: #181635;
  cursor: pointer;
}
.chatCollapsed_chatCollapsed__collapsed__4dYTR {
  opacity: 1;
}
.chatCollapsed_chatCollapsed__messages__itJHj {
  position: absolute;
  top: 8px;
  right: 12px;
  background: var(--3, linear-gradient(101deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.48px;
}
.chatCollapsed_chatCollapsed__messages_more__YkRA7 {
  right: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/chat/chat.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chat_chat__MR_d7 {
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  position: relative;
  width: 340px;
  max-height: 820px;
  height: calc(100% - 120px);
  margin-top: -40px;
  border-radius: 32px;
  background-color: rgba(13, 13, 35, 0.89);
  display: flex;
  flex-direction: column;
  transition: 0.2s ease-out;
  transition-property: bottom, height, -webkit-clip-path;
  transition-property: bottom, height, clip-path;
  transition-property: bottom, height, clip-path, -webkit-clip-path;
  -webkit-clip-path: circle(1000px at 0px 0px);
          clip-path: circle(1000px at 0px 0px);
}
.chat_chat__sidebarWrap__YGCIM {
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
  height: 80vh;
}
@media (max-height: 850px) {
  .chat_chat__sidebarWrap__YGCIM {
    height: calc(100vh - 180px);
  }
}
.chat_chat__widgetWrapper__Bhle2 {
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
}
.chat_chat__iconWrapper__2fD95 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.chat_chat__widgetsWrapper__92TSd {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.chat_chat__widgetsWrapper_collapsed__ZAUVI {
  flex-direction: column;
  align-items: flex-start;
}
.chat_chat__intercomWrap__4urnT {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.chat_chat__collapsed__mQaud {
  -webkit-clip-path: circle(0px at 0 40px);
          clip-path: circle(0px at 0 40px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1490px) {
  .chat_chat__MR_d7 {
    width: 300px;
  }
}
@media (max-width: 1100px) {
  .chat_chat__MR_d7 {
    position: fixed;
    z-index: 55;
    border: none;
    background-color: transparent;
    border-radius: 0;
    top: unset;
    height: calc(100% - 190px);
    max-height: 100%;
    bottom: 90px;
    left: 0;
    width: 100%;
    -webkit-clip-path: unset;
            clip-path: unset;
  }
}
.chat_chat__closeButton__W12eA {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  border-bottom-left-radius: 32px;
  border-top-right-radius: 32px;
  background-color: #1c193d;
  top: -2px;
  height: 40px;
  padding: 14px;
  right: 0;
  z-index: 999;
  cursor: pointer;
}
@media (max-width: 1100px) {
  .chat_chat__closeButton__W12eA {
    display: none;
  }
}
.chat_chat__closeButton__W12eA:hover {
  background-color: #28254f;
}
.chat_chat__closeButton__W12eA svg {
  filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(421%) hue-rotate(205deg) brightness(90%) contrast(94%);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/OnboardingBonusModal/onboardingBonusModal.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingBonusModal_onboardingBonusModal__content__xqsLf {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.onboardingBonusModal_onboardingBonusModal__content__xqsLf button {
  width: 100%;
}
.onboardingBonusModal_onboardingBonusModal__img__kI6vx {
  height: 180px;
  margin-bottom: 30px;
}
.onboardingBonusModal_onboardingBonusModal__rewardsContainer__PeVuf {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  gap: 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.onboardingBonusModal_onboardingBonusModal__reward__2wGzo {
  position: relative;
  padding-left: 70px !important;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.64) 0%, rgba(24, 20, 57, 0.64) 100%);
  height: 52px;
  max-width: 214px;
  width: 100%;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
.onboardingBonusModal_onboardingBonusModal__rewardIcon__CEPee {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
}
.onboardingBonusModal_onboardingBonusModal__rewardLabel__k3oBH {
  display: flex;
  flex-direction: column;
  color: #b9b5d0;
  font-size: 14px;
  font-weight: 500;
}
.onboardingBonusModal_onboardingBonusModal__rewardLabel__k3oBH span:first-child {
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 600;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/RewardsCalendar/RewardProgressBar.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RewardProgressBar_levelProgressBarContainer__OA0gR {
  overflow: hidden;
  height: 80px;
  margin-top: 55px;
}

.RewardProgressBar_levelProgressBar__pzglV {
  position: relative;
  background: #28254f;
  height: 8px;
  border-radius: 32px;
  margin-bottom: 25px;
  top: 50px;
}
.RewardProgressBar_levelProgressBar__wrapper__aXKT_ {
  width: 90%;
  height: 140px;
  position: relative;
  overflow-x: hidden;
}
.RewardProgressBar_levelProgressBar__progressBar__yAMdz {
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
  background: linear-gradient(282.89deg, #72f8fa -11.37%, #3fafe7 20.47%, #3693ff 52.31%, #8d33ff 84.15%, #8d33ff 115.99%);
  height: 8px;
  border-radius: 32px;
  overflow: hidden;
}
.RewardProgressBar_levelProgressBar__badge___YFQm {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 600;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  color: #e6e5ee;
  background: linear-gradient(272.18deg, #353535 7.64%, #454546 61.21%, #414242 108.17%);
  z-index: 1;
}
.RewardProgressBar_levelProgressBar__badge_active__ZMNjs {
  color: #e6e5ee;
  background: linear-gradient(272.18deg, #8d33ff 7.64%, #5f51ff 61.21%, #2496ff 108.17%);
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
}
.RewardProgressBar_levelProgressBar__badge_inactive__Io4QN {
  background: #28254f;
  color: #928eaa;
}
.RewardProgressBar_levelProgressBar__giftImageContainer__0M5sE {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.RewardProgressBar_levelProgressBar__giftImageContainer__0M5sE .RewardProgressBar_giftImage__LlUjV {
  width: 20px;
  height: 22px;
}
.RewardProgressBar_levelProgressBar__milestones__BO_nD {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.RewardProgressBar_levelProgressBar__milestones__item__dgQyd {
  position: absolute;
  top: -18px;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  color: #928eaa;
}
.RewardProgressBar_levelProgressBar__milestones__item--active__qM3dH {
  color: #e6e5ee;
}
.RewardProgressBar_levelProgressBar__infoWrap___9kpQ {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.RewardProgressBar_levelProgressBar__infoWrap__infoItem__ebZiV {
  display: flex;
  gap: 4px;
  align-items: center;
}
.RewardProgressBar_levelProgressBar__infoWrap__infoItem_label__4zn_z {
  color: #928eaa;
  font-weight: 600;
}
.RewardProgressBar_levelProgressBar__infoWrap__infoItem_count__eqoX2 {
  color: #e6e5ee;
  font-weight: 600;
}

.RewardProgressBar_tickMark__RvcUw {
  font-size: 20px;
  color: #fff;
}

.RewardProgressBar_scrollButton__VLxWb {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}

.RewardProgressBar_left__YIxNe {
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleX(-1);
}

.RewardProgressBar_right__3fAyz {
  position: absolute;
  top: 0px;
  right: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/RewardsCalendar/RewardCalendar.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RewardCalendar_cardContainer__VHaSP {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  row-gap: 20px;
  margin: 1em 2em 2em 2em;
}
@media (max-width: 992px) {
  .RewardCalendar_cardContainer__VHaSP {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 620px) {
  .RewardCalendar_cardContainer__VHaSP {
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_cardContainer__VHaSP {
    flex-wrap: wrap;
  }
}
@media (max-width: 425px) {
  .RewardCalendar_cardContainer__VHaSP {
    margin: 2em 1em 0em 1em;
  }
}
@media (max-width: 320px) {
  .RewardCalendar_cardContainer__VHaSP {
    margin: 2em 0.7em 0em 0.7em;
  }
}

.RewardCalendar_scBundleCard__rh8DN {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  max-width: 140px;
  height: 200px;
  border-radius: 45px;
  text-align: center;
  width: 100%;
}
.RewardCalendar_scBundleCard__centered__ajgck {
  align-items: center;
}
@media (max-width: 1280px) {
  .RewardCalendar_scBundleCard__rh8DN {
    padding: 70px 8px;
  }
}
@media (max-width: 1100px) {
  .RewardCalendar_scBundleCard__rh8DN {
    padding: 32px 8px;
  }
}
@media (max-width: 992px) {
  .RewardCalendar_scBundleCard__rh8DN {
    padding: 70px 8px;
  }
}
@media (max-width: 620px) {
  .RewardCalendar_scBundleCard__rh8DN {
    max-width: 30%;
  }
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__rh8DN {
    padding: 40px 8px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__rh8DN {
    padding: 20px 8px;
    height: 170px;
  }
}
@media (max-width: 320px) {
  .RewardCalendar_scBundleCard__rh8DN {
    height: 155px;
  }
}
.RewardCalendar_scBundleCard__content__c9fbu {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 5px;
  z-index: 1;
  width: 85%;
  border-radius: 45px;
  justify-content: center;
  position: absolute;
  top: 155px;
}
.RewardCalendar_scBundleCard__content_column__iLWNB {
  flex-direction: column;
}
.RewardCalendar_scBundleCard__content_title__aOn5N {
  font-size: 64px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
}
@media (max-width: 1280px) {
  .RewardCalendar_scBundleCard__content__c9fbu {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__content_title__aOn5N {
    font-size: 32px;
  }
  .RewardCalendar_scBundleCard__content_subtitle__jz_cS {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__content__c9fbu {
    border-radius: 25px;
  }
  .RewardCalendar_scBundleCard__content_title__aOn5N {
    font-size: 26px;
  }
  .RewardCalendar_scBundleCard__content_subtitle__jz_cS {
    font-size: 8px;
  }
}
.RewardCalendar_scBundleCard__img__kdZQm {
  width: 120px;
}
@media (max-width: 1280px) {
  .RewardCalendar_scBundleCard__img__kdZQm {
    width: 100px;
  }
}
@media (max-width: 1100px) {
  .RewardCalendar_scBundleCard__img__kdZQm {
    width: 120px;
  }
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__img__kdZQm {
    width: 70px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__img__kdZQm {
    width: 40px;
  }
}
.RewardCalendar_scBundleCard__price__NTdIh {
  display: flex;
  gap: 5px;
  position: relative;
  font-size: 18px;
  font-weight: 800;
  color: #afafaf;
}
.RewardCalendar_scBundleCard__price__NTdIh::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: calc(100% + 20px);
  background: #46a4f9;
  height: 2px;
}
.RewardCalendar_scBundleCard__price_firstPurchase__lB7v1 {
  display: flex;
  justify-content: space-around;
  font-size: 15px;
  font-weight: 800;
  color: #e6e5ee;
  margin-bottom: 5px;
  line-height: 0.9;
  text-align: left;
  align-items: center;
  width: 100%;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__price_firstPurchase__lB7v1 {
    font-size: 14px;
  }
}
.RewardCalendar_scBundleCard__price_firstPurchase__lB7v1::before {
  display: none;
}
.RewardCalendar_scBundleCard__tooltipWrap__fV3lV {
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 12px;
  padding: 12px;
  position: absolute;
  top: 20%;
  left: -4px;
  z-index: 2;
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__tooltipWrap__fV3lV {
    padding: 8px;
  }
  .RewardCalendar_scBundleCard__tooltipWrap__fV3lV svg {
    width: 20px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__tooltipWrap__fV3lV {
    padding: 5px;
  }
  .RewardCalendar_scBundleCard__tooltipWrap__fV3lV svg {
    width: 12px;
    height: 10px;
  }
}
.RewardCalendar_scBundleCard__headingMore__LKUCy {
  position: absolute;
  top: 0;
  padding: 10px;
  width: 100%;
  background: linear-gradient(100.61deg, #72f8fa -49.22%, #3fafe7 16.74%, #3693ff 82.7%, #8d4eff 148.66%, #c656fa 214.61%);
  color: #ffffff;
  font-weight: 800;
  font-size: 12px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.RewardCalendar_scBundleCard__giftIcon__4b15t {
  position: absolute;
  top: 75px;
  left: -6px;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  padding: 2px 7px;
  border-radius: 10px;
}
.RewardCalendar_scBundleCard__giftIcon__4b15t svg {
  width: 20px;
}
@media (max-width: 320px) {
  .RewardCalendar_scBundleCard__giftIcon__4b15t {
    top: 86px;
    left: -9px;
  }
}
.RewardCalendar_scBundleCard__backroundImag__c_iu_ {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 45%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 0;
}
.RewardCalendar_scBundleCard__backroundImag__c_iu_ img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: fill;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__backroundImag__c_iu_ {
    top: 5px;
    height: 65px;
    border-radius: 0px;
  }
}
.RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H {
  position: absolute;
  bottom: 35px;
  /* left: 125px; */
  width: 103%;
  height: 80px;
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, #353162 0%, #322b66 100%);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.52);
}
.RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H img {
  width: 80px;
  height: 70px;
}
.RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H::after {
  position: absolute;
  top: 0;
  width: 50px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: -10px;
}
.RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H::before {
  top: -12px;
  width: 5px;
  height: 117px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 42px;
  position: absolute;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H {
    height: 70px;
    width: 100%;
    border-radius: 17px;
    bottom: 35px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.52);
  }
  .RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H img {
    width: 55px;
    height: 50px;
  }
  .RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H::before {
    background: rgba(255, 255, 255, 0);
  }
  .RewardCalendar_scBundleCard__sweepcoinsImag__RZY3H::after {
    background: rgba(255, 255, 255, 0);
  }
}
.RewardCalendar_scBundleCard__hotdealImag__N9r6B {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 100%;
  z-index: 5;
}
.RewardCalendar_scBundleCard__backroundBorder__l1fIy {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 24px;
  overflow: hidden;
  z-index: 1;
  border: 2px solid #211f5e;
}
.RewardCalendar_scBundleCard__sweepCoinData__JVO2l {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 115px;
  background: rgb(34, 27, 85);
  padding: 15px 0;
  border-radius: 20px;
  text-align: center;
  align-items: center;
  background: linear-gradient(180deg, #221b55 0%, #221b55 100%) padding-box, linear-gradient(to right, #352f6d, #292265) border-box;
  border: 5px solid transparent;
}
@media (max-width: 1490px) {
  .RewardCalendar_scBundleCard__sweepCoinData__JVO2l {
    width: 100px;
  }
}
.RewardCalendar_scBundleCard__sweepCoins__K34pw {
  width: 60%;
}
.RewardCalendar_scBundleCard__newComersData__C0hd9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.RewardCalendar_scBundleCard__newComersData__C0hd9::after {
  top: -10px;
  width: 8px;
  height: 128px;
  margin: 0 auto;
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 70px;
  position: absolute;
}
.RewardCalendar_scBundleCard__newComersData__C0hd9::before {
  top: -14px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  left: 90px;
  position: absolute;
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__newComersData__C0hd9::after {
    left: 50px;
  }
  .RewardCalendar_scBundleCard__newComersData__C0hd9::before {
    left: 70px;
  }
}
@media (max-width: 620px) {
  .RewardCalendar_scBundleCard__newComersData__C0hd9::after {
    left: 35px;
  }
  .RewardCalendar_scBundleCard__newComersData__C0hd9::before {
    left: 55px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__newComersData__C0hd9::after {
    top: -10px;
    width: 8px;
    height: 65px;
    left: 15px;
  }
  .RewardCalendar_scBundleCard__newComersData__C0hd9::before {
    top: -9px;
    width: 18px;
    height: 70px;
    left: 28px;
  }
}
.RewardCalendar_scBundleCard__newComersRight__KIPUP {
  width: 55%;
  text-align: center;
  position: absolute;
  z-index: 4;
  bottom: 95px;
}
.RewardCalendar_scBundleCard__newComersRight__KIPUP img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__newComersRight__KIPUP {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__newComersRight__KIPUP {
    width: 50%;
    left: auto;
    bottom: 75px;
  }
}
.RewardCalendar_scBundleCard__newComersLeft___GSvo {
  width: 50%;
  text-align: left;
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  margin-top: 25px;
  text-align: center;
}
@media (max-width: 620px) {
  .RewardCalendar_scBundleCard__newComersLeft___GSvo {
    width: 100%;
    text-align: center;
  }
}
.RewardCalendar_scBundleCard__newComersLeft___GSvo div {
  color: #e6e5ee;
  font-weight: 800;
  font-size: 22px;
  text-align: left;
}
.RewardCalendar_scBundleCard__newComersLeft___GSvo::before {
  top: -12px;
  width: 35px;
  height: 128px;
  /* margin: 0 auto; */
  content: "";
  background: rgba(210, 232, 255, 0.0392156863);
  transform: rotate(25deg);
  right: 102px;
  position: absolute;
}
@media (max-width: 620px) {
  .RewardCalendar_scBundleCard__newComersLeft___GSvo div {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__newComersLeft___GSvo div {
    font-size: 9.5px;
    text-align: center;
  }
  .RewardCalendar_scBundleCard__newComersLeft___GSvo::before {
    background: rgba(255, 255, 255, 0);
  }
}
.RewardCalendar_scBundleCard__newComersBG__ZKSNQ {
  position: absolute;
  bottom: 48px;
  /* left: 125px; */
  width: 101.7%;
  height: 90px;
  margin: 0 auto;
  border-radius: 41px;
  border-radius: 15px;
  overflow: hidden;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  /* background: linear-gradient(180deg, #353162 0%, #322B66 100%); */
  box-shadow: 0px 8px 24px 0px rgba(4, 4, 16, 0.1215686275);
}
.RewardCalendar_scBundleCard__headingGC__4LmWk {
  position: absolute;
  top: 10px;
  z-index: 4;
}
.RewardCalendar_scBundleCard__headingGC__4LmWk span {
  color: aliceblue;
  font-size: 50px;
  font-weight: 800;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__headingGC__4LmWk {
    top: 50px;
  }
  .RewardCalendar_scBundleCard__headingGC__4LmWk span {
    font-size: 30px;
  }
}
.RewardCalendar_scBundleCard__headingscImage__zJ9BE {
  position: absolute;
  top: 10px;
  z-index: 4;
  left: -40px;
}
.RewardCalendar_scBundleCard__headingSC___kR_R {
  position: absolute;
  top: 75px;
  z-index: 4;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__headingSC___kR_R {
    top: 90px;
  }
}
.RewardCalendar_scBundleCard__headingSCPrice__3gn_T {
  color: #0088d6;
  font-size: 18px;
  font-weight: 800;
}
.RewardCalendar_scBundleCard__headingSCPriceDiscount__J4_AM {
  text-decoration: line-through;
  color: #b9b5d0;
  font-weight: 800;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__headingSCPriceDiscount__J4_AM {
    font-size: 12px;
  }
}
.RewardCalendar_scBundleCard__sweepCoinText__7tz8m {
  color: #b9b5d0;
  z-index: 1;
}
.RewardCalendar_scBundleCard__sweepCoinimagData__lFAdF {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -8px;
  left: -20px;
  border-radius: 50px;
  z-index: -1;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%) padding-box, linear-gradient(to right, #72f8fa, darkorchid) border-box;
  border: 2px solid transparent;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 620px) {
  .RewardCalendar_scBundleCard__sweepCoinimagData__lFAdF {
    width: 50px;
    height: 50px;
    top: -2px;
    left: -10px;
  }
}
.RewardCalendar_scBundleCard__background__Rum0B {
  position: absolute;
  top: 0px;
}
.RewardCalendar_scBundleCard__background_full__aNpv_ {
  height: 100%;
}
.RewardCalendar_scBundleCard__priceBlock__ctBl3 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #928EAA;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 103%;
  max-height: 40px;
  height: 100%;
  z-index: 2;
  -webkit-backdrop-filter: blur(44px);
          backdrop-filter: blur(44px);
  box-shadow: 0px -4px 12px 0px rgba(63, 175, 231, 0.1215686275);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: linear-gradient(180deg, rgba(53, 49, 98, 0.24) 0%, rgba(50, 43, 102, 0.24) 100%);
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__priceBlock__ctBl3 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__priceBlock__ctBl3 {
    font-size: 14px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-height: 40px;
  }
}
.RewardCalendar_scBundleCard__priceBlockS__wb_7X {
  background: linear-gradient(180deg, rgba(53, 49, 98, 0.64) 0%, rgba(50, 43, 102, 0.64) 100%);
}
.RewardCalendar_scBundleCard__blickWrap__lcZ7O {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.RewardCalendar_scBundleCard__blickWrap__lcZ7O::after {
  position: absolute;
  top: -10px;
  right: 12%;
  content: "";
  width: 17.82px;
  height: 80px;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.RewardCalendar_scBundleCard__blickWrap__lcZ7O::before {
  position: absolute;
  top: -10px;
  left: 12%;
  content: "";
  width: 20.37px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.RewardCalendar_scBundleCard__blickWrapOne__rmGw4 {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: transparent;
  overflow: hidden;
  overflow: hidden;
}
.RewardCalendar_scBundleCard__blickWrapOne__rmGw4::before {
  position: absolute;
  top: -10px;
  left: 7%;
  content: "";
  width: 5.68px;
  height: 80px;
  transform: rotate(25deg);
  background: rgba(255, 255, 255, 0.0588235294);
}
.RewardCalendar_scBundleCard__priceBlockShadow__QSpzS {
  background: rgba(56, 138, 228, 0.5294117647);
  content: "";
  position: absolute;
  border-radius: 8px;
  width: calc(100% + 4px);
  height: 32px;
  top: -24px;
  left: -2px;
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__priceBlockShadow__QSpzS {
    height: 15px;
    top: -8px;
  }
}
.RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
  position: absolute;
  bottom: 50px;
  left: -4px;
  width: calc(100% + 8px);
  height: 116px;
  background: linear-gradient(0deg, #353162, #353162), linear-gradient(0deg, rgba(230, 229, 238, 0.04), rgba(230, 229, 238, 0.04));
  border-radius: 12px;
}
.RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
  position: absolute;
  top: -18px;
  left: 20px;
}
.RewardCalendar_scBundleCard__firstPurchaseBlock_title__y3RUA {
  color: #e6e5ee;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 800;
  line-height: 0.9;
  text-align: center;
}
@media (max-width: 1536px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock_title__y3RUA {
    font-size: 24px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 1280px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
    height: 80px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1100px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
    height: 116px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_title__y3RUA {
    font-size: 24px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 992px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
    height: 80px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 768px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
    height: 60px;
    padding: 0 8px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_title__y3RUA {
    font-size: 14px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__firstPurchaseBlock__EASso {
    height: 40px;
    padding: 0 15px;
    bottom: 25px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_title__y3RUA {
    font-size: 8px;
  }
  .RewardCalendar_scBundleCard__firstPurchaseBlock_img__cm9jI {
    width: 45px;
    height: 45px;
  }
}
.RewardCalendar_scBundleCard__purchaseBlickWrap__ctspf {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
}
.RewardCalendar_scBundleCard__purchaseBlickWrap__ctspf::after {
  position: absolute;
  top: -50%;
  right: 11%;
  content: "";
  width: 20px;
  height: 200%;
  z-index: 1;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
.RewardCalendar_scBundleCard__purchaseBlickWrap__ctspf::before {
  position: absolute;
  top: -50%;
  left: 36%;
  content: "";
  width: 64px;
  height: 200%;
  transform: rotate(25deg);
  background: rgba(210, 232, 255, 0.0784313725);
}
@media (max-width: 480px) {
  .RewardCalendar_scBundleCard__purchaseBlickWrap__ctspf::before {
    left: 10%;
    width: 30px;
  }
  .RewardCalendar_scBundleCard__purchaseBlickWrap__ctspf::after {
    display: none;
  }
}
.RewardCalendar_scBundleCard__expired__PXLXr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #af023c;
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border: none;
}
.RewardCalendar_scBundleCard__tickMark__rrctL {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2496ff;
  box-shadow: 0px 0px 12px 0px rgba(139, 128, 255, 0.3215686275);
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border: none;
}
.RewardCalendar_scBundleCard__gcbackground__1oP7F {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
}
.RewardCalendar_scBundleCard__buttonWrapper__cncga {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  width: 86%;
  position: fixed;
  z-index: 5;
  bottom: 20px;
}
.RewardCalendar_scBundleCard__buttonWrapper__cncga > button {
  width: 100%;
}
.RewardCalendar_scBundleCard__selected__a27An {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
}
.RewardCalendar_scBundleCard__currentDay___iLES {
  border: 2px solid rgba(0, 136, 214, 0.27);
  border-bottom: none;
  border-radius: 25px 25px 0px 0px;
  z-index: 1;
}
.RewardCalendar_scBundleCard__selectedBorder__K093_ {
  border: 2px solid rgba(0, 136, 214, 0.8117647059);
  border-bottom: none;
  border-radius: 25px 25px 0px 0px;
  z-index: 1;
}
.RewardCalendar_scBundleCard__claimedOrExpired__zU8us {
  opacity: 0.4;
  cursor: not-allowed;
}

.RewardCalendar_scBundleCard__last__QAHBW {
  width: 100%;
  max-width: 100%;
  flex-grow: 1;
}

.RewardCalendar_scBundleCard__lastImage__9ogDu {
  width: 25%;
  height: 40%;
  object-fit: cover;
  border-radius: 45px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/VerifyIdModal/verifyIdModal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.verifyIdModal_Verification___0F2L {
  padding-top: 25px;
  background-repeat: no-repeat;
  overflow: auto;
  padding-right: 10px;
  margin-top: 10px;
}
.verifyIdModal_Verification___0F2L::-webkit-scrollbar {
  width: 2px;
}
.verifyIdModal_Verification___0F2L::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.verifyIdModal_Verification___0F2L::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.verifyIdModal_Verification__Frm__1iHpD {
  padding: 20px 40px;
}
.verifyIdModal_Verification__grid__rD6th {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.verifyIdModal_Verification__rowsWrapper__hL3lf {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  gap: 15px;
}
.verifyIdModal_Verification__headLabel__xPZDm {
  text-transform: uppercase;
  color: #928eaa;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 480px) {
  .verifyIdModal_Verification__headLabel__xPZDm {
    font-size: 12px;
  }
}
.verifyIdModal_Verification__headLabel__xPZDm:not(:first-child):not(:nth-child(2)) {
  text-align: center;
}
.verifyIdModal_Verification__primaryButtonWrp__i8K5y {
  text-align: center;
}
.verifyIdModal_Verification__moneyWrapper__LKTdS {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 480px) {
  .verifyIdModal_Verification__moneyWrapper__LKTdS svg {
    width: 20px;
    height: 20px;
  }
}
.verifyIdModal_Verification__moneyLabel__WwoBo {
  color: #e6e5ee;
  font-size: 16px;
  line-height: 0.9;
  display: flex;
  align-items: center;
  gap: 15px;
}
.verifyIdModal_Verification__moneyLabel__WwoBo span {
  margin-top: 3px;
}
@media (max-width: 480px) {
  .verifyIdModal_Verification__moneyLabel__WwoBo {
    font-size: 14px;
  }
}
.verifyIdModal_Verification__nothingFoundWrap__byvCD {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 250px;
}
.verifyIdModal_Verification__nothingFoundWrap_title__xB6aS {
  font-size: 18px;
  font-weight: 500;
  color: #e6e5ee;
}
.verifyIdModal_Verification__Stype__ZYsMW {
  display: inline-block;
  width: 100%;
}
.verifyIdModal_Verification__Frm__1iHpD {
  padding: 20px 40px;
}
.verifyIdModal_Verification__label__BL43B {
  font-size: 16px;
  color: #fff;
}
@media (max-width: 480px) {
  .verifyIdModal_Verification__label__BL43B {
    font-size: 14px;
  }
}
.verifyIdModal_Verification__label__BL43B:not(:first-child) {
  text-align: center;
}
.verifyIdModal_Verification__gameNameData__PtQ3a {
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 16px;
  color: #e6e5ee;
}
@media (max-width: 480px) {
  .verifyIdModal_Verification__gameNameData__PtQ3a {
    font-size: 14px;
  }
}
.verifyIdModal_Verification__Stype__ZYsMW {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #1c193d;
  background-color: #08081c;
  margin-top: 5px;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  cursor: pointer;
  margin: 20px 0;
}
.verifyIdModal_Verification__Stype__ZYsMW :focus {
  border-color: #110f2a;
  background-color: #110f2a;
  outline: none;
}
.verifyIdModal_Verification__Stype__ZYsMW option {
  font-size: 14px;
  padding: 10px;
  color: #e6e5ee;
  background-color: #110f2a;
}
.verifyIdModal_Verification__pagination__baMCy {
  text-align: end;
  display: flex;
  justify-content: right;
  align-items: center;
}
.verifyIdModal_Verification__paginationBtn__HaoZb, .verifyIdModal_Verification__pagesData__Hu8T7 {
  display: flex;
  align-items: center;
}
.verifyIdModal_Verification__currentPage__IHBDf {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%) padding-box, linear-gradient(to right, #72f8fa, darkorchid) border-box;
  border: 1px solid transparent;
  border-radius: 32px;
  margin: 0 5px;
  color: #e6e5ee;
  text-align: center;
}
.verifyIdModal_Verification__pagesShowdata__P2X1H {
  margin: 0 5px;
  color: #928eaa;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/styles/global.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  touch-action: unset !important;
}
html:not(#onboarding) {
  overflow-x: hidden;
  height: 100%;
}

body {
  background: #070618 !important;
  margin: 0;
  padding: 0;
}
body:not(#onboarding) {
  overflow-x: hidden;
  height: 100%;
}

* {
  box-sizing: border-box;
}
*:where(*, *::before, *::after) {
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
  word-wrap: break-word;
}

button {
  border: unset;
  cursor: pointer;
  background: transparent;
  padding: unset;
  padding-block: unset;
  padding-inline: unset;
  font-family: inherit;
  font-weight: inherit;
}

input {
  border: unset;
  font-family: inherit;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/@splidejs/react-splide/dist/css/splide.min.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/styles/normalize.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
}

body {
  position: relative;
  min-height: 100%;
  margin: 0;
  font-feature-settings: "kern";
}

:where(*, *::before, *::after) {
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
  word-wrap: break-word;
}

main {
  display: block;
}

hr {
  border-top-width: 1px;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

:where(pre, code, kbd, samp) {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

:where(b, strong) {
  font-weight: bold;
}

small {
  font-size: 80%;
}

:where(sub, sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

:where(button, input, optgroup, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

:where(button, input) {
  overflow: visible;
}

:where(button, select) {
  text-transform: none;
}

:where(button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner) {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

:where([type=checkbox], [type=radio]) {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none !important;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: -webkit-box;
  display: -webkit-list-item;
  display: -ms-list-itembox;
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

:where(ol, ul) {
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

:where(button, [role=button]) {
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0 !important;
}

table {
  border-collapse: collapse;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
}

:where(button, input, optgroup, select, textarea) {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, video) {
  max-width: 100%;
  height: auto;
}

[data-js-focus-visible] :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) {
  outline: none;
  box-shadow: none;
}

select::-ms-expand {
  display: none;
}

:root, :host {
  --chakra-vh:100vh;
}

@supports (height: -webkit-fill-available) {
  :root, :host {
    --chakra-vh:-webkit-fill-available;
  }
}
@supports (height: -moz-fill-available) {
  :root, :host {
    --chakra-vh:-moz-fill-available;
  }
}
@supports (height: 100dvh) {
  :root, :host {
    --chakra-vh:100dvh;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/ShopButton/shopButton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shopButton_shopButton__E371t {
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border: 2px solid transparent;
  border-radius: 32px;
  padding: 12px 20px;
}
@media (max-width: 480px) {
  .shopButton_shopButton__E371t {
    display: none;
  }
}
.shopButton_shopButton__E371t:hover .shopButton_shopButton__contentWrap__8JeMq {
  color: #e6e5ee;
}
.shopButton_shopButton__E371t:hover .shopButton_shopButton__contentWrap__8JeMq path {
  fill: #e6e5ee;
}
.shopButton_shopButton__contentWrap__8JeMq {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  transition: color 0.2s ease-out;
  color: #b9b5d0;
}
.shopButton_shopButton__contentWrap__8JeMq path {
  fill: #b9b5d0;
  transition: fill 0.2s ease-out;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/BalanceBlock/balanceBlock.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.balanceBlock_balanceBlock__rhDL9 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 40px 5px 8px;
  border-radius: 32px;
  gap: 10px;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%);
}
@media (max-width: 480px) {
  .balanceBlock_balanceBlock__rhDL9 {
    padding: 5px 7px 5px 10px;
  }
}
@media (max-width: 425px) {
  .balanceBlock_balanceBlock__rhDL9 {
    gap: 3px;
    padding: 5px 5px 5px 7px;
  }
}
.balanceBlock_balanceBlock__separatorWrapper__CpG0_ {
  padding: 15px 0px 15px 15px;
}
.balanceBlock_balanceBlock__separatorMain__yZqgb {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.balanceBlock_balanceBlock__separator__wC9MO {
  width: 2px;
  height: 28px;
  background-color: rgba(230, 229, 238, 0.0392156863);
  border-radius: 2px;
}
.balanceBlock_balanceBlock__separatorData__ceddY {
  position: relative;
  display: flex;
  align-items: center;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  gap: 10px;
  background: linear-gradient(180deg, rgba(53, 49, 98, 0.64) 0%, rgba(50, 43, 102, 0.64) 100%);
  box-shadow: 0px 8px 12px rgba(4, 4, 16, 0.24);
  margin-top: 10px;
  cursor: pointer;
  padding: 10px 25px 10px 15px;
}
.balanceBlock_balanceBlock__dropDownIcon__jpo3p {
  rotate: 180deg;
}
.balanceBlock_balanceBlock__balance__IrSbc {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .balanceBlock_balanceBlock__balance__IrSbc {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .balanceBlock_balanceBlock__balance__IrSbc {
    order: 1;
  }
}
.balanceBlock_balanceBlock__balance_count__oLGud {
  color: #e6e5ee;
}
.balanceBlock_balanceBlock__balance_fixed__wuvOI {
  color: #928eaa;
}
.balanceBlock_balanceBlock__addIconWrap__xuAig {
  position: absolute;
  top: 50%;
  transform: translate(20%, -50%);
  cursor: pointer;
  right: 0;
  z-index: 1;
}
@media (max-width: 320px) {
  .balanceBlock_balanceBlock__addIconWrap__xuAig {
    right: 4px;
  }
}
@media (max-width: 320px) {
  .balanceBlock_balanceBlock__addIconWrap__xuAig svg {
    width: 30px;
    height: 30px;
  }
}
.balanceBlock_balanceBlock__iconsWrapper__3uONK {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 375px) {
  .balanceBlock_balanceBlock__iconsWrapper__3uONK {
    gap: 2px;
  }
}
.balanceBlock_balanceBlock__iconWrapper__VVrIv {
  display: flex;
  align-items: center;
  gap: 10px;
  order: 2;
}
.balanceBlock_balanceBlock__iconWrapper__VVrIv svg {
  cursor: pointer;
}
@media (max-width: 425px) {
  .balanceBlock_balanceBlock__iconWrapper__VVrIv svg {
    width: 25px;
  }
}
.balanceBlock_balanceBlock__iconWrapper__VVrIv.balanceBlock_active__RGlIJ {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 15px;
  border-radius: 32px;
  gap: 10px;
  background: linear-gradient(180deg, rgba(53, 49, 98, 0.64) 0%, rgba(50, 43, 102, 0.64) 100%);
  box-shadow: 0px 8px 12px rgba(4, 4, 16, 0.24);
  order: 1;
}
.balanceBlock_balanceBlock__iconWrapper__VVrIv.balanceBlock_active__RGlIJ svg {
  cursor: default;
}
@media (max-width: 480px) {
  .balanceBlock_balanceBlock__iconWrapper__VVrIv.balanceBlock_active__RGlIJ {
    padding: 10px 27px 10px 8px;
    order: 3;
    gap: 5px;
  }
}

.balanceBlock_Header_wrapper__OCDhx {
  max-width: 1300px;
  transition: max-width 0.2s ease-out;
  padding-top: 95px;
}
@media (max-width: 1280px) {
  .balanceBlock_Header_wrapper__OCDhx {
    width: 100%;
  }
}
.balanceBlock_Header_wrapper__categoriesWrapper__RITq5 {
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .balanceBlock_Header_wrapper__categoriesWrapper__RITq5 {
    margin-bottom: 25px;
  }
}
@media (max-width: 1280px) {
  .balanceBlock_Header_wrapper__chat__IKnu_ {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
}
.balanceBlock_Header__iconWrapper__U_c6v {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.balanceBlock_Header__widgetsWrapper__kDMA3 {
  display: none;
  margin: 25px 0 5px 0;
  gap: 15px;
}
@media (max-width: 1100px) {
  .balanceBlock_Header__widgetsWrapper__kDMA3 {
    display: flex;
  }
}
@media (max-width: 480px) {
  .balanceBlock_Header__widgetsWrapper__kDMA3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.balanceBlock_Header__confirmationTitle__F_vIr {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.balanceBlock_Header__confirmationText__iT7DK {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.balanceBlock_Header__confirmationText__iT7DK span {
  color: #e6e5ee;
}
.balanceBlock_Header__confirmationCancelBtn__M97LA {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.balanceBlock_Header__confirmationCancelBtn__M97LA:hover {
  color: #e6e5ee;
}
.balanceBlock_Header__actionsWrapper__A1f7b {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.balanceBlock_Header__actionsWrapper__A1f7b button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}

.balanceBlock_popoverContent__usssP {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #e6e5ee;
  border-radius: 8px;
  font-size: 14px;
  min-width: 350px;
  padding: 12px;
  z-index: 10;
  color: #B9B5D0;
}
.balanceBlock_popoverContent__usssP::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #222 transparent;
}
.balanceBlock_popoverContent__usssP .balanceBlock_popoverTextGCSC__nYY6P {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.balanceBlock_popoverContent__usssP .balanceBlock_popoverText__m1z_P {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Ensures text on left, values on right */
  width: 100%;
  gap: 10px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.balanceBlock_popoverContent__usssP .balanceBlock_popoverInfo__leAHg {
  color: #B9B5D0;
  font-size: 14px;
  text-align: center;
  margin-top: 5px;
  width: auto;
}
.balanceBlock_popoverContent__usssP .balanceBlock_popoverLink__m4Tkm {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 20px;
}
.balanceBlock_popoverContent__usssP .balanceBlock_coinIcon__fk3wu {
  width: 45px;
  height: 45px;
}
.balanceBlock_popoverContent__usssP .balanceBlock_dollarEquivalent__RzMSk {
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-weight: bold;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/BonusTimer/bonusTimer.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bonusTimer_bonusTimer__jGz8b {
  position: relative;
  border: 2px solid rgba(230, 229, 238, 0.0392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 210px;
  max-height: 52px;
  min-height: 52px;
  background-color: rgba(28, 25, 61, 0.4392156863);
  border-radius: 32px;
  cursor: pointer;
}
.bonusTimer_bonusTimer__jGz8b:hover {
  box-shadow: 0px 0px 4px #fff;
}
@media (max-width: 1100px) {
  .bonusTimer_bonusTimer__jGz8b {
    display: none;
  }
}

.bonusTimer_icon__3ypm7 {
  position: absolute;
  right: 4px;
  top: -10px;
}
.bonusTimer_icon__3ypm7 img {
  max-height: 60px;
  max-width: 58px;
  object-fit: cover;
}

.bonusTimer_bonusTimerContent__dSRMM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 45px;
}

.bonusTimer_bonusTimerText__hejXJ {
  color: #928eaa;
  font-size: 12px;
  font-weight: 500;
}

.bonusTimer_bonusTimerTime__UYp2p {
  font-weight: 600;
  font-size: 16px;
  color: #e6e5ee;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bonusTimer_bonusTimerTime__data__w71db {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.bonusTimer_bonusTimerIcon__luHfH {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bonusTimer_bonusTimerIcon__luHfH img {
  width: 100%;
  height: auto;
}

.bonusTimer_bonusTimerPopoverContent__aC8jz {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px;
}

.bonusTimer_bonusTimerRewardMessage__mi8LB {
  font-size: 14px;
  font-weight: bold;
  color: #ebc300;
  text-align: center;
}

.bonusTimer_bonusTimerExtraText__F78WE {
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #e6e5ee;
  text-align: center;
}

.bonusTimer_todaysRewardText__K7_3v {
  font-size: 14px;
  font-weight: 500;
  color: #928eaa;
  margin-top: 10px;
}

.bonusTimer_bonusTimerReward__RJkmy {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #ebc300;
  margin-top: 10px;
}

.bonusTimer_bonusTimerCoinIcon__0KGEl {
  width: 30px;
  height: 30px;
  animation: bonusTimer_bounce__cA3uo 1.5s infinite;
}

@keyframes bonusTimer_bounce__cA3uo {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/Notifications/notifications.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.notifications_notifications__popoverContent__hbSDW {
  margin: 20px 0 20px 20px;
  min-width: 340px;
  max-width: 340px;
  max-height: 50vh;
  overflow: auto;
}
.notifications_notifications__popoverContent__hbSDW::-webkit-scrollbar {
  width: 2px;
}
.notifications_notifications__popoverContent__hbSDW::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.notifications_notifications__popoverContent__hbSDW::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.notifications_notifications__button__A8U5N {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(28, 25, 61, 0.72) 0%, rgba(24, 20, 57, 0.72) 100%);
  border-radius: 50%;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  width: 52px;
  height: 52px;
}
.notifications_notifications__button__A8U5N:hover > div > svg > path {
  fill: #fff;
}
.notifications_notifications__emptyState__xG5yM {
  font-size: 14px;
  font-weight: 700;
  color: #e6e5ee;
  text-align: center;
}
.notifications_notifications__iconWrap__P0Tst {
  position: relative;
}
.notifications_notifications__iconWrap__P0Tst::before {
  content: "";
  position: absolute;
  top: -7px;
  right: -7px;
  width: 12px;
  height: 12px;
  background: radial-gradient(#FC7263, #DD3636);
  border: 2px solid #1A173B;
  border-radius: 50%;
}
.notifications_notifications__item__5IAUm {
  margin-bottom: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/ProfileBurgerMenu/burgerMenu.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.burgerMenu_burgerMenu__0Msui {
  position: relative;
}
.burgerMenu_burgerMenu__popover__6JGSO {
  max-width: 100vw;
  margin: 20px 0;
  min-width: 340px;
  max-width: 340px;
  max-height: 70vh;
  overflow: auto;
}
.burgerMenu_burgerMenu__popover__6JGSO::-webkit-scrollbar {
  width: 2px;
}
.burgerMenu_burgerMenu__popover__6JGSO::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.burgerMenu_burgerMenu__popover__6JGSO::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
@media (max-width: 480px) {
  .burgerMenu_burgerMenu__popover__6JGSO {
    min-width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__popover__6JGSO {
    min-width: 250px;
    max-width: 250px;
  }
}
@media (max-width: 1100px) {
  .burgerMenu_burgerMenu__0Msui {
    display: block;
  }
}
.burgerMenu_burgerMenu__arrowDown___QeZD {
  transform: rotate(270deg);
}
.burgerMenu_burgerMenu__arrowDown___QeZD > svg > path {
  stroke: rgb(96, 96, 96);
}
.burgerMenu_burgerMenu__arrowDown___QeZD:hover > svg > path {
  stroke: #e6e5ee;
}
.burgerMenu_burgerMenu__active__KAdwi {
  transform: none;
}
.burgerMenu_burgerMenu__active__KAdwi > svg > path {
  stroke: #e6e5ee;
}
.burgerMenu_burgerMenu__profileBtn__DGuC5 {
  background: linear-gradient(180deg, rgba(53, 49, 98, 0.64) 0%, rgba(50, 43, 102, 0.64) 100%);
  text-align: center;
  color: #928EAA;
  padding: 10px;
  border-radius: 50px;
  width: 95%;
  display: inline-block;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  font-weight: 600;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__profileBtn__DGuC5 {
    width: 98%;
  }
}
.burgerMenu_burgerMenu__intercomBtn__b3sto {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
}
.burgerMenu_burgerMenu__menuWrapper__AVv8z {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  position: relative;
  max-height: 100%;
  position: relative;
}
.burgerMenu_burgerMenu__socialWrapper___Y9v3 {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 8;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-around;
  margin-bottom: 16px;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__socialWrapper___Y9v3 {
    padding: 0 5px;
    justify-content: space-between;
  }
}
.burgerMenu_burgerMenu__inputWrap__u6PN9 {
  max-width: 420px;
  width: 100%;
}
.burgerMenu_burgerMenu__sharedMenuStyle__FoKK7 {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  top: 168px;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 10;
  padding: 20px;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__sharedMenuStyle__FoKK7 {
    padding: 0px 0 20px 5px;
  }
}
.burgerMenu_burgerMenu__casino__widgetsWrapper__9QrZZ {
  width: 350px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-top: 5px;
  margin-top: 0;
  margin-bottom: -86px;
  padding-top: 0;
}
.burgerMenu_burgerMenu__MenuStyle__C_HpM {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  box-sizing: border-box;
  z-index: 10;
  padding: 16px;
  position: relative;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__MenuStyle__C_HpM {
    padding: 0px 0 20px 5px;
  }
}
.burgerMenu_burgerMenu__MenusupportHeading__iA4fV {
  border-top: 2px solid rgba(230, 229, 238, 0.04);
  width: 100%;
  border-radius: 24px 24px 0 0;
  box-sizing: border-box;
  z-index: 9;
  padding: 16px 20px;
  position: relative;
  border-bottom: 1px solid #28254f;
}
.burgerMenu_burgerMenu__MenuStylesupport__6jQXQ {
  width: 100%;
  max-width: 380px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
  box-sizing: border-box;
  z-index: 9;
  padding: 20px;
  position: relative;
}
@media (max-width: 320px) {
  .burgerMenu_burgerMenu__MenuStylesupport__6jQXQ {
    padding: 20px 2px;
  }
}
.burgerMenu_burgerMenu_withBorder__FbALt {
  color: #928eaa;
  font-size: 20px;
  font-weight: 600;
}

.burgerMenu_quickAccessMenu__XSF57 {
  max-width: 100vw;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  z-index: 3;
  position: absolute;
  background-color: #0d0d23;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out;
  transition: clip-path 0.2s ease-out, -webkit-clip-path 0.2s ease-out;
}
.burgerMenu_quickAccessMenu__icon__7mrnE {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 1490px) {
  .burgerMenu_quickAccessMenu__icon__7mrnE {
    width: 50px;
    height: 50px;
  }
}
.burgerMenu_quickAccessMenu__iconWrapper__1E054 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.burgerMenu_quickAccessMenu__label__dccOG {
  font-size: 5px;
  font-weight: 600;
  color: #5b5779;
  transition: color 0.2s ease-out;
}
.burgerMenu_quickAccessMenu__label_active__Bp481 {
  color: #e6e5ee;
}
.burgerMenu_quickAccessMenu__content__kwn7K {
  padding: 10px 20px 0 20px;
  overflow: auto;
  max-height: calc(100% - 160px);
}
.burgerMenu_quickAccessMenu__content__kwn7K::-webkit-scrollbar {
  width: 2px;
}
.burgerMenu_quickAccessMenu__content__kwn7K::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.burgerMenu_quickAccessMenu__content__kwn7K::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
.burgerMenu_quickAccessMenu__menuWrap__FrfpZ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
}
.burgerMenu_quickAccessMenu__actionsWrapper__8tRRp {
  display: flex;
  align-items: center;
  gap: 25px;
}
.burgerMenu_quickAccessMenu__infoData__XqW61 {
  padding: 0px 0 20px 20px;
}
@media (max-width: 320px) {
  .burgerMenu_quickAccessMenu__infoData__XqW61 {
    padding: 0px 0 20px 5px;
  }
}
.burgerMenu_quickAccessMenu__info__YiM_m {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
}
.burgerMenu_quickAccessMenu__infoWrapper__dqgJm {
  display: flex;
  flex-direction: column;
}
.burgerMenu_quickAccessMenu__infoWrapper_name__dUUoC {
  font-size: 20px;
  color: #e6e5ee;
  font-weight: 500;
}
.burgerMenu_quickAccessMenu__infoWrapper_subName__tv9Z3 {
  color: #928eaa;
  font-size: 14px;
  font-weight: 600;
}
.burgerMenu_quickAccessMenu__confirmationTitle__GCbWS {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.burgerMenu_quickAccessMenu__confirmationText__3fe4L {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.burgerMenu_quickAccessMenu__confirmationText__3fe4L span {
  color: #e6e5ee;
}
.burgerMenu_quickAccessMenu__confirmationCancelBtn__E44_9 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.burgerMenu_quickAccessMenu__confirmationCancelBtn__E44_9:hover {
  color: #e6e5ee;
}
.burgerMenu_quickAccessMenu__actionsWrapper__8tRRp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.burgerMenu_quickAccessMenu__actionsWrapper__8tRRp button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/profile-icon/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_profileIcon__img__CQFAw {
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.styles_Profile_wrapper__fhidz {
  max-width: 1300px;
  transition: max-width 0.2s ease-out;
  padding-top: 95px;
}
@media (max-width: 1280px) {
  .styles_Profile_wrapper__fhidz {
    width: 100%;
  }
}
.styles_Profile_wrapper__categoriesWrapper__3fzjg {
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .styles_Profile_wrapper__categoriesWrapper__3fzjg {
    margin-bottom: 25px;
  }
}
@media (max-width: 1280px) {
  .styles_Profile_wrapper__chat__SCTbn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
}
.styles_Profile__iconWrapper__rogUP {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #28254f;
  transform: rotate(90deg);
  border-radius: 50%;
  transition: background 0.2s ease-out;
}
.styles_Profile__widgetsWrapper__ByAt2 {
  display: none;
  margin: 25px 0 5px 0;
  gap: 15px;
}
@media (max-width: 1100px) {
  .styles_Profile__widgetsWrapper__ByAt2 {
    display: flex;
  }
}
@media (max-width: 480px) {
  .styles_Profile__widgetsWrapper__ByAt2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.styles_Profile__confirmationTitle__WCJbR {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.styles_Profile__confirmationText__A_7Td {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.styles_Profile__confirmationText__A_7Td span {
  color: #e6e5ee;
}
.styles_Profile__confirmationCancelBtn__b3PKO {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.styles_Profile__confirmationCancelBtn__b3PKO:hover {
  color: #e6e5ee;
}
.styles_Profile__actionsWrapper__uG3it {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.styles_Profile__actionsWrapper__uG3it button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/AuthorizedUserBlock/authorizedBlock.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.authorizedBlock_authorizedBlock__G4Jno {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1536px) {
  .authorizedBlock_authorizedBlock__G4Jno button[data-id=notification-button] {
    display: none;
  }
}
@media (max-width: 480px) {
  .authorizedBlock_authorizedBlock__G4Jno {
    gap: 36px;
    justify-content: space-between;
    width: 68%;
  }
}
@media (max-width: 425px) {
  .authorizedBlock_authorizedBlock__G4Jno {
    gap: 25px;
    width: 68%;
  }
}
@media (max-width: 375px) {
  .authorizedBlock_authorizedBlock__G4Jno {
    gap: 12px;
    width: 72%;
  }
}

.authorizedBlock_authorizedBlock__avatar__W1KQy {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 50px;
  gap: 10px;
}

.authorizedBlock_authorizedBlock__vault__PAEt4 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 30px 12px 16px;
  border-top: 2px solid rgba(230, 229, 238, 0.0392156863);
  border-radius: 32px;
  gap: 10px;
  background-color: rgba(28, 25, 61, 0.4392156863);
}

.authorizedBlock_authorizedBlock__balance__ePyT1 {
  margin-left: 6px;
  color: #e6e5ee;
  font-size: 16px;
  font-weight: 600;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/MenuList/menuList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menuList_menuList__M_CqW {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin-right: 30px;
}
@media (max-width: 992px) {
  .menuList_menuList__M_CqW {
    display: none;
  }
}
.menuList_menuList__item__1Txij {
  color: #5b5779;
  font-weight: 600;
  white-space: nowrap;
  min-width: 100px;
  transition: color 0.2s ease-out;
  text-align: center;
}
@media (max-width: 1490px) {
  .menuList_menuList__item__1Txij {
    min-width: 80px;
  }
}
.menuList_menuList__item_active__hSUlx {
  color: #e6e5ee;
}
.menuList_menuList__item__1Txij:hover {
  color: #e6e5ee;
}
.menuList_menuList__activeIcon__oTbde {
  position: absolute;
  pointer-events: none;
  bottom: -40px;
  width: 110px;
  left: -1.7%;
  height: 80px;
  background: url("/assets/images/navBackground.svg");
  background-repeat: no-repeat;
  transition: transform 0.2s ease-out;
  z-index: 5;
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 1536px) {
  .menuList_menuList__activeIcon__oTbde {
    min-width: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/SignupModal/signupModal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.signupModal_signupModal__AutBH {
  position: fixed;
  top: 44%;
  left: 50%;
  z-index: 101;
  transform: translate(-50%, -50%) scale(0.7);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 625px;
  max-height: 75vh;
  padding: 30px 40px 15px 40px;
  border-radius: 32px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-out;
  transition-property: opacity, transform;
}
@media (max-width: 480px) {
  .signupModal_signupModal__AutBH {
    padding: 0px 0px 15px 0px;
    top: 46%;
  }
}
.signupModal_signupModal__withOffset__4LKik {
  padding: 85px 0 15px 0;
}
.signupModal_signupModal__open__k4Vj1 {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: all;
}
.signupModal_signupModal__header__3P46Y {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  position: absolute;
  top: 16px;
  left: 0px;
  z-index: 50;
}
@media (max-width: 480px) {
  .signupModal_signupModal__header__3P46Y {
    padding: 0;
  }
}
.signupModal_signupModal__header_withBorder__CDapQ {
  border-bottom: 2px solid #28254f;
}
.signupModal_signupModal__closeBtnSignUp__W58R9 {
  position: absolute;
  right: 40px;
  top: 30px;
  padding: 17px;
}
.signupModal_signupModal__closeBtnSignUp__W58R9 svg path {
  stroke: #B9B5D0;
}
@media (max-width: 480px) {
  .signupModal_signupModal__closeBtnSignUp__W58R9 {
    right: 20px;
    top: 0px;
  }
}
.signupModal_signupModal__title__ixzy2 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e6e5ee;
  font-size: 20px;
  font-weight: 600;
}
.signupModal_signupModal__content__9BT3G {
  max-height: calc(100vh - 75px);
  overflow: visible;
  overflow-y: scroll;
  -ms-overflow-style: none;
  border-radius: 40px;
  box-shadow: 0px 0px 30px rgba(153, 50, 204, 0.5215686275);
}
.signupModal_signupModal__content__9BT3G::-webkit-scrollbar {
  display: none;
}
.signupModal_signupModal__content__9BT3G::-webkit-scrollbar {
  width: 2px;
}
.signupModal_signupModal__content__9BT3G::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #252447;
}
.signupModal_signupModal__content__9BT3G::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4A4884 0%, #474D86 100%);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/SignupButton/signupButton.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.signupButton_signupButton__zf_qj {
  background: linear-gradient(101deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  color: #e6e5ee;
  padding: 15px 50px;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 500;
  transition: opacity 0.2s ease-out;
}
.signupButton_signupButton__zf_qj:hover {
  opacity: 0.9;
}
@media (max-width: 992px) {
  .signupButton_signupButton__zf_qj {
    font-size: 14px;
    padding: 10px 30px;
  }
}
@media (max-width: 320px) {
  .signupButton_signupButton__zf_qj {
    font-size: 13px;
    padding: 10px 14px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/LoginForm/loginForm.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.loginForm_loginForm__jgwrf {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
.loginForm_loginForm__modalBtnWrap__tbHHr {
  width: 100%;
  margin-top: 20px;
}
.loginForm_loginForm__modalBtnWrap__tbHHr button {
  font-size: 16px;
  font-weight: 600;
}
.loginForm_loginForm__resetPasswordWrap__VfsVI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 25px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .loginForm_loginForm__resetPasswordWrap__VfsVI {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
@media (max-width: 320px) {
  .loginForm_loginForm__resetPasswordWrap__VfsVI {
    padding-left: 10px;
    padding-right: 0px;
  }
}
.loginForm_loginForm__inputWrapper__wjnLR {
  margin-bottom: 20px;
  position: relative;
}
.loginForm_loginForm__inputError__6T704 {
  border: 1px solid red;
}
.loginForm_loginForm__errorWrap__Yua4b {
  padding-left: 20px;
  margin-top: 10px;
}
.loginForm_loginForm__errorWrapEmail__YVDIh {
  position: absolute;
  top: 23px;
  right: 30px;
}
.loginForm_loginForm__content__ezEvB {
  width: 100%;
}
.loginForm_loginForm__resetBtn__ROn7z {
  color: #e6e5ee;
  font-size: 14px;
  font-weight: 500;
}
.loginForm_loginForm__popInput__OxC_s {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 150px;
  outline: none;
  background-color: transparent;
  color: #E6E5EE;
  font-weight: 500;
  font-size: 14px;
  cursor: text;
  max-width: 400px;
  resize: none;
  width: 100%;
  border-radius: 24px;
  background: #08081C;
  margin-bottom: 50px;
}
.loginForm_loginForm__popText___gE3C {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
  color: #fff;
  min-width: 150px;
  max-width: 380px;
  resize: none;
  width: 100%;
  text-align: start;
}
.loginForm_loginForm__btnWrap___1Ucy {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.loginForm_loginForm__spinner__n7ktT {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 20px;
  margin-top: 50px;
}
.loginForm_loginForm__spinner_title__xVmS7 {
  font-size: 18px;
  font-weight: 500;
  color: #e6e5ee;
}
.loginForm_loginForm__nothingFoundWrap__7w4_b {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 250px;
}
.loginForm_loginForm__nothingFoundWrap_title__cdgT_ {
  font-size: 18px;
  font-weight: 500;
  color: #e6e5ee;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/OnboardingBottomBlock/onboardingBottomBlock.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingBottomBlock_onboardingBottomBlock__6Fedy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.onboardingBottomBlock_onboardingBottomBlock__link__v5duo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  width: 44px;
  height: 44px;
  background-color: #28254f;
}
.onboardingBottomBlock_onboardingBottomBlock__guestBtn__PzTMO {
  padding: 12px 88px;
  font-size: 14px;
  font-weight: 500;
  color: #b9b5d0;
  background-color: #28254f;
  border-radius: 32px;
  margin: 20px 0;
}
.onboardingBottomBlock_onboardingBottomBlock__buttonsWrap__Da2po {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.onboardingBottomBlock_onboardingBottomBlock__termsWrapper__Xk1rA {
  margin: 15px 0;
}
.onboardingBottomBlock_onboardingBottomBlock__termsWrapper_text__rBArh {
  color: #e6e5ee;
  text-align: center;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .onboardingBottomBlock_onboardingBottomBlock__termsWrapper_text__rBArh {
    font-size: 13px;
  }
}
.onboardingBottomBlock_onboardingBottomBlock__termsWrapper_link__i78dk {
  color: #3a9ef5;
}
.onboardingBottomBlock_onboardingBottomBlock__termsWrapper_copyright__Q8pD4 {
  font-size: 14px;
  color: #5B5779;
  text-align: center;
  font-weight: 500;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/PasswordInput/passwordInput.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.passwordInput_passwordInput__zgQaG {
  margin-bottom: 20px;
}
.passwordInput_passwordInput__errorsWrapper__haIrc {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
  margin-bottom: 40px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/ResetPasswordForm/resetPasswordForm.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.resetPasswordForm_resetPasswordForm__btnWrap__5mjIq {
  margin-top: 40px;
}
.resetPasswordForm_resetPasswordForm__errorWrapper__9xan8 {
  margin-top: 10px;
  padding-left: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/CheckEmailModal/checkEmailModalContent.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.checkEmailModalContent_checkEmailModalContent__Ys7kM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.checkEmailModalContent_checkEmailModalContent__buttonsWrap__wqE4h {
  margin-top: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.checkEmailModalContent_checkEmailModalContent__sendBtn__m5wBp {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 30px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.checkEmailModalContent_checkEmailModalContent__timer__ymtul {
  margin-top: 15px;
  color: #928eaa;
  font-size: 16px;
  font-weight: 500;
}
.checkEmailModalContent_checkEmailModalContent__timer__ymtul span {
  color: #b9b5d0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/ResetPassword/resetPassword.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.resetPassword_resetPassword__content__UtFTp {
  width: 100%;
}
.resetPassword_resetPassword__errorWrapper__go922 {
  margin-top: 10px;
  padding-left: 25px;
}
.resetPassword_resetPassword__btnWrap__sfVGd {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.resetPassword_resetPassword__contentWrapper__ExsVj {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.resetPassword_resetPassword__accountLink__ZkSWQ {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 30px;
  background: linear-gradient(100.61deg, #72F8FA -49.22%, #3FAFE7 16.74%, #3693FF 82.7%, #8D4EFF 148.66%, #C656FA 214.61%);
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 0.9;
  color: transparent;
  text-decoration: underline;
  border-bottom: 1px solid #3693FF;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/SignupForm/signupForm.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.signupForm_signupForm__2I4S9 {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}
.signupForm_signupForm__errorWrap__Q8Gfm {
  padding-left: 20px;
}
.signupForm_signupForm__inputError__MrxyF {
  border: 1px solid red;
}
.signupForm_signupForm__errorWrapMail__oETZi {
  position: absolute;
  right: 20px;
  top: 23px;
}
.signupForm_signupForm__errorsWrapper__sw3Ft {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .signupForm_signupForm__errorsWrapper__sw3Ft {
    margin-top: 10px;
    gap: 5px;
    margin-bottom: 5px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/StateModals/stateModals.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.stateModals_stateModals__modalBtnWrap__z4tAu {
  width: 100%;
  margin-top: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/TabSignUp/tabSignUp.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabSignUp_tabSignUp__oCXbY {
  position: relative;
}
.tabSignUp_tabSignUp__wrapper__YPbPG {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 50px;
  background-color: #0D0D23;
}
.tabSignUp_tabSignUp__wrapper__justified__L_UI_ {
  justify-content: space-between;
}
@media (max-width: 480px) {
  .tabSignUp_tabSignUp__wrapper__YPbPG {
    padding: 5px;
  }
}
.tabSignUp_tabSignUp__btn__HOQ30 {
  color: #5b5779;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  transition: 0.2s ease-out;
  transition-property: font-size, color;
  min-height: 50px;
  white-space: nowrap;
}
.tabSignUp_tabSignUp__btn__HOQ30 span {
  color: #e6e5ee;
  font-size: 28px;
}
.tabSignUp_tabSignUp__btn_active__eN_OT {
  color: #e6e5ee;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%) padding-box, linear-gradient(to right, #72F8FA, darkorchid) border-box;
  border-radius: 50px;
  border: 2px solid transparent;
}
@media (max-width: 992px) {
  .tabSignUp_tabSignUp__btn__HOQ30 {
    min-height: 55px;
    font-size: 20px;
  }
  .tabSignUp_tabSignUp__btn_active__eN_OT {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .tabSignUp_tabSignUp__btn__HOQ30 {
    min-height: 35px;
  }
}
.tabSignUp_tabSignUp__btn_sm__7adBz {
  font-size: 14px;
  text-transform: none;
  font-weight: 600;
  min-height: 50px;
  padding: 10px 10px;
}
.tabSignUp_tabSignUp__btn_sm__7adBz span {
  font-size: 14px;
}
@media (max-width: 992px) {
  .tabSignUp_tabSignUp__btn_sm__7adBz {
    min-height: 55px;
    font-size: 14px;
  }
  .tabSignUp_tabSignUp__btn_sm_active__LT3Eb {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabSignUp_tabSignUp__btn_sm__7adBz {
    min-height: 35px;
    font-size: 12px;
    padding: 10px 0px;
  }
  .tabSignUp_tabSignUp__btn_sm_active__LT3Eb {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .tabSignUp_tabSignUp__btn_sm__7adBz {
    font-size: 10px;
  }
  .tabSignUp_tabSignUp__btn_sm_active__LT3Eb {
    font-size: 10px;
  }
}
.tabSignUp_tabSignUp__btn_ms__x4O5g {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  min-height: 50px;
  padding: 10px 10px 8px 10px;
}
.tabSignUp_tabSignUp__btn_ms__x4O5g span {
  font-size: 14px;
}
@media (max-width: 992px) {
  .tabSignUp_tabSignUp__btn_ms__x4O5g {
    min-height: 55px;
    padding: 5px 0px 2.5px 0px;
  }
}
@media (max-width: 480px) {
  .tabSignUp_tabSignUp__btn_ms__x4O5g {
    min-height: 35px;
    padding: 5px 0px 2.5px 0px;
  }
}
@media (max-width: 320px) {
  .tabSignUp_tabSignUp__btn_ms__x4O5g {
    padding: 5px 0px 2.5px 0px;
  }
}
.tabSignUp_tabSignUp__btn_md__DL3Lj {
  font-weight: 700;
  padding: 0 30px 10px 0;
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-height: 50px;
  white-space: nowrap;
}
.tabSignUp_tabSignUp__btn_md__DL3Lj:last-child {
  padding: 0 0 10px 0;
}
.tabSignUp_tabSignUp__btn_md__DL3Lj span {
  color: #e6e5ee;
  font-size: 28px;
}
@media (max-width: 1490px) {
  .tabSignUp_tabSignUp__btn_md__DL3Lj {
    font-size: 12px;
    min-height: 30px;
    padding: 0 30px 5px 0;
  }
  .tabSignUp_tabSignUp__btn_md__DL3Lj:last-child {
    padding: 0 0 5px 0;
  }
}
@media (max-width: 1100px) {
  .tabSignUp_tabSignUp__btn_md__DL3Lj {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 18px !important;
  }
  .tabSignUp_tabSignUp__btn_md__DL3Lj:last-child {
    padding: 0 0 10px 0 !important;
  }
}
@media (max-width: 768px) {
  .tabSignUp_tabSignUp__btn_md__DL3Lj {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 16px !important;
  }
  .tabSignUp_tabSignUp__btn_md__DL3Lj:last-child {
    padding: 0 0 10px 0 !important;
  }
}
@media (max-width: 480px) {
  .tabSignUp_tabSignUp__btn_md__DL3Lj {
    padding: 0 30px 10px 0 !important;
    min-height: 55px;
    font-size: 12px !important;
  }
  .tabSignUp_tabSignUp__btn_md__DL3Lj:last-child {
    padding: 0 0 10px 0 !important;
  }
}
.tabSignUp_tabSignUp__track__CnT_x {
  position: relative;
  height: 2px;
  width: 100%;
}
.tabSignUp_tabSignUp__thumb__IPZJp {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  border-radius: 8px;
}
.tabSignUp_tabSignUp__thumb_sm__8Aj_Z {
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tabSignUp_tabSignUp__thumb_md__YHkU0 {
  border-radius: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/bussines/OnboardingPage/onboardingPage.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingPage_onboardingPage__zWkoX {
  position: relative;
  width: 100%;
  background: linear-gradient(180deg, #151432 0%, #0e0d2b 100%);
  border-radius: 40px;
}
.onboardingPage_onboardingPage__onboardingBG__L72Kh {
  min-height: 100px;
  position: relative;
}
.onboardingPage_onboardingPage__onboardingBG__L72Kh img {
  width: 100%;
}
.onboardingPage_onboardingPage__Wrapper__5nNiS {
  padding: 0 40px;
}
@media (max-width: 480px) {
  .onboardingPage_onboardingPage__Wrapper__5nNiS {
    padding: 0 15px;
  }
}
.onboardingPage_onboardingPage__onboardingLogo__XBG5f {
  position: absolute;
  top: 30px;
  left: 35px;
  width: 150px;
}
@media (max-width: 480px) {
  .onboardingPage_onboardingPage__onboardingLogo__XBG5f {
    width: 110px;
  }
}
.onboardingPage_onboardingPage__closeModel__nIfR_ {
  position: absolute;
  top: 40px;
  right: 25px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/components/OnboardingBlock/onboardingBlock.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.onboardingBlock_onboardingBlock__PR2NS {
  display: flex;
  align-items: center;
  gap: 30px;
}
.onboardingBlock_onboardingBlock__link__IdILz {
  color: #928eaa;
  font-weight: 500;
  transition: color 0.2s ease-out;
}
.onboardingBlock_onboardingBlock__link__IdILz:hover {
  color: #e6e5ee;
}
@media (max-width: 992px) {
  .onboardingBlock_onboardingBlock__link__IdILz {
    font-size: 14px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/header/header.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header_header__D1tND {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #0d0d23;
  padding: 20px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  z-index: 99;
}
.header_header__container__871JU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 992px) {
  .header_header__D1tND {
    padding: 15px 25px;
  }
}
@media (max-width: 480px) {
  .header_header__D1tND {
    padding: 15px 17px;
  }
}
@media (max-width: 375px) {
  .header_header__D1tND {
    padding: 15px 10px;
  }
}
.header_header__contentWrap__H4Rjm {
  display: flex;
  align-items: center;
  max-width: 1680px;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .header_header__contentWrap__H4Rjm button[data-id=shop-button] {
    display: none;
  }
}
@media (max-width: 1280px) {
  .header_header__contentWrap__H4Rjm button[data-id=shop-button] {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .header_header__contentWrap__H4Rjm {
    margin-right: 0px;
  }
}
.header_header__titleWrap__UsBNJ {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.header_header__titleWrap__UsBNJ img {
  max-width: 100px;
  width: 100%;
}
@media (max-width: 1280px) {
  .header_header__titleWrap__UsBNJ {
    margin-right: 20px;
  }
  .header_header__titleWrap__UsBNJ img {
    max-width: 20px;
    margin: auto;
  }
}
@media (max-width: 1536px) {
  .header_header__titleWrap__UsBNJ {
    margin-right: 20px;
  }
  .header_header__titleWrap__UsBNJ img {
    max-width: 100px;
    margin-left: 10px;
  }
}
@media (max-width: 992px) {
  .header_header__titleWrap__UsBNJ {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .header_header__titleWrap__UsBNJ img {
    margin-left: 0px;
    max-width: 90px;
  }
}
@media (max-width: 375px) {
  .header_header__titleWrap__UsBNJ img {
    max-width: 75px;
  }
}
.header_header__iconPlaceholder__T0eCt {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .header_header__iconPlaceholder__T0eCt {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}
.header_header__title__HmZyd {
  color: #e6e5ee;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 992px) {
  .header_header__title__HmZyd {
    display: none;
  }
}

.header_Header__confirmationTitle__OKHo7 {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.header_Header__confirmationText__VIEdn {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.header_Header__confirmationText__VIEdn span {
  color: #e6e5ee;
}
.header_Header__confirmationCancelBtn__GVWMo {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.header_Header__confirmationCancelBtn__GVWMo:hover {
  color: #e6e5ee;
}
.header_Header__actionsWrapper__W1qzv {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.header_Header__actionsWrapper__W1qzv button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/version1.0/CustomizedHeader/header.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.header_header__PM2qo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #3fafe7;
  padding: 20px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  z-index: 99;
}
.header_header__container__rcsPm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1680px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 992px) {
  .header_header__PM2qo {
    padding: 15px 25px;
  }
}
@media (max-width: 480px) {
  .header_header__PM2qo {
    padding: 15px 17px;
  }
}
@media (max-width: 375px) {
  .header_header__PM2qo {
    padding: 15px 10px;
  }
}
.header_header__contentWrap__jNcvl {
  display: flex;
  align-items: center;
  max-width: 1680px;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .header_header__contentWrap__jNcvl button[data-id=shop-button] {
    display: none;
  }
}
@media (max-width: 1280px) {
  .header_header__contentWrap__jNcvl button[data-id=shop-button] {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .header_header__contentWrap__jNcvl {
    margin-right: 0px;
  }
}
.header_header__titleWrap__4dKQI {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.header_header__titleWrap__4dKQI img {
  max-width: 100px;
  width: 100%;
}
@media (max-width: 1280px) {
  .header_header__titleWrap__4dKQI {
    margin-right: 20px;
  }
  .header_header__titleWrap__4dKQI img {
    max-width: 20px;
    margin: auto;
  }
}
@media (max-width: 1536px) {
  .header_header__titleWrap__4dKQI {
    margin-right: 20px;
  }
  .header_header__titleWrap__4dKQI img {
    max-width: 100px;
    margin-left: 10px;
  }
}
@media (max-width: 992px) {
  .header_header__titleWrap__4dKQI {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .header_header__titleWrap__4dKQI img {
    margin-left: 0px;
    max-width: 90px;
  }
}
@media (max-width: 375px) {
  .header_header__titleWrap__4dKQI img {
    max-width: 75px;
  }
}
.header_header__iconPlaceholder__0q77F {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%);
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .header_header__iconPlaceholder__0q77F {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}
.header_header__title__ETQEz {
  color: #e6e5ee;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 992px) {
  .header_header__title__ETQEz {
    display: none;
  }
}

.header_Header__confirmationTitle__Z7E9x {
  font-size: 20px;
  font-weight: 600;
  color: #e6e5ee;
  margin-bottom: 20px;
}
.header_Header__confirmationText__HHbe8 {
  font-size: 16px;
  font-weight: 500;
  color: #928eaa;
  margin-bottom: 25px;
}
.header_Header__confirmationText__HHbe8 span {
  color: #e6e5ee;
}
.header_Header__confirmationCancelBtn__ALuT3 {
  color: #b9b5d0;
  transition: color 0.2s ease-out;
  font-size: 14px;
  font-weight: 600;
}
.header_Header__confirmationCancelBtn__ALuT3:hover {
  color: #e6e5ee;
}
.header_Header__actionsWrapper__Yxhh1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.header_Header__actionsWrapper__Yxhh1 button:last-child {
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/CasinoPlaceholder/casinoPlaceholder.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.casinoPlaceholder_casinoPlaceholder__usgnD {
  display: flex;
  align-items: center;
}
.casinoPlaceholder_casinoPlaceholder__usgnD img {
  max-width: 100px;
  width: 100%;
}
.casinoPlaceholder_casinoPlaceholder__icon__MK4Ot {
  width: 60px;
  height: 60px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-radius: 50%;
  margin-right: 20px;
}
.casinoPlaceholder_casinoPlaceholder__icon_light__kj2xW {
  background: #28254f;
}
@media (max-width: 992px) {
  .casinoPlaceholder_casinoPlaceholder__icon__MK4Ot {
    width: 40px;
    height: 40px;
  }
}
.casinoPlaceholder_casinoPlaceholder__title__l_XmL {
  font-size: 24px;
  font-weight: bold;
}
.casinoPlaceholder_casinoPlaceholder__title_dark__v0GkQ {
  color: #b9b5d0;
}
.casinoPlaceholder_casinoPlaceholder__title_light___vwev {
  color: #e6e5ee;
}
@media (max-width: 992px) {
  .casinoPlaceholder_casinoPlaceholder__title__l_XmL {
    font-size: 20px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/shared/footer-link/footerLink.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footerLink_footerLink__va_Qf {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #b9b5d0;
}
@media (max-width: 992px) {
  .footerLink_footerLink__va_Qf {
    font-size: 14px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/version1.0/CustomizeFooter/footer.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footer_footer__zja7j {
  padding: 35px 25px;
  background-color: #3fafe7;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.footer_footer__zja7j .footer_gradientText___ILxd {
  background: linear-gradient(96.99deg, #72f8fa -2.34%, #3fafe7 23.48%, #3693ff 49.3%, #8d4eff 75.12%, #c656fa 100.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.footer_footer__cmsItem__GMJQi {
  margin-bottom: 20px;
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
}
@media (max-width: 992px) {
  .footer_footer__cmsItem__GMJQi {
    text-align: center;
  }
}
.footer_footer__zja7j .footer_resources__uifde {
  display: flex;
  justify-content: center;
  color: #e6e5ee;
  font-size: 14px;
  margin-bottom: 15px;
}
.footer_footer__zja7j .footer_resSpan__9HpY_ {
  margin-right: 1rem;
  color: #5b5779;
}
.footer_footer__zja7j .footer_resDesk__XSpcd {
  color: #e6e5ee;
  text-align: right;
  padding: 10px 0;
  font-size: 15px;
  margin: auto;
  padding-right: 52px;
  font-weight: 500;
}
.footer_footer__zja7j .footer_currency__DBC8q {
  color: #5b5779;
  font-size: 14px;
}
.footer_footer__cmsPages__yEtwV {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer_footer__cmsPages__yEtwV a {
  max-width: 80%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
@media (max-width: 992px) {
  .footer_footer__cmsPages__yEtwV a {
    margin-top: 10px;
    max-width: 100%;
  }
}
.footer_footer__zja7j .footer_footerLink__jrx17 {
  color: #e6e5ee;
  text-decoration: none;
  font-weight: 500;
  font-size: 17px;
}
.footer_footer__iconLinkWrap__GivP0 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.footer_footer__iconLinkWrap__GivP0 > * {
  margin-top: 8px;
  text-align: center;
}
@media (max-width: 992px) {
  .footer_footer__iconLinkWrap__GivP0 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
  }
}
.footer_footer__zja7j .footer_fLinkWrap__UVQcc {
  color: #928eaa;
  font-size: small;
}
.footer_footer__zja7j .footer_fLinkWrap__UVQcc a {
  font-weight: 530;
}
@media (max-width: 992px) {
  .footer_footer__pegiIconWrap__i3VhJ {
    display: none;
  }
}
.footer_footer__wrapper__2ctXe {
  max-width: 1680px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  gap: 20px;
  align-items: center;
}
@media (max-width: 992px) {
  .footer_footer__wrapper__2ctXe {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
}
.footer_footer__leftSide__BetQo {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 992px) {
  .footer_footer__leftSide__BetQo {
    align-items: center;
  }
}
.footer_footer__leftSide_headWrap__17XOC {
  display: flex;
  align-items: center;
}
.footer_footer__leftSide_title__6AF_Y {
  font-size: 24px;
  color: #b9b5d0;
  font-weight: bold;
}
@media (max-width: 992px) {
  .footer_footer__leftSide_title__6AF_Y {
    font-size: 20px;
  }
}
.footer_footer__leftSide_text__nVx_B {
  font-size: 14px;
  color: #928eaa;
  max-width: 420px;
  font-family: "Inter";
  font-weight: 300;
  line-height: 20px;
  width: 100%;
}
@media (max-width: 992px) {
  .footer_footer__leftSide_text__nVx_B {
    text-align: center;
  }
}
.footer_footer__rightSide__3QRqu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .footer_footer__rightSide__3QRqu {
    align-items: center;
  }
}
.footer_footer__iconPlaceholder__VI3BL {
  width: 60px;
  height: 60px;
  background: linear-gradient(180deg, #1c193d 0%, #181439 100%);
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .footer_footer__iconPlaceholder__VI3BL {
    width: 40px;
    height: 40px;
  }
}
.footer_footer__linkWrap__ZE_Rd {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  row-gap: 20px;
  color: #e6e5ee;
  text-decoration: none;
  font-weight: 500;
}
@media (max-width: 992px) {
  .footer_footer__linkWrap__ZE_Rd {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
}
.footer_footer__linkWrap1___snjC {
  display: none;
}
@media (max-width: 992px) {
  .footer_footer__linkWrap1___snjC {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 20px;
    color: #e6e5ee;
    text-decoration: none;
    font-weight: 500;
  }
}
.footer_footer__iconLinkWrap__GivP0 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 1024px) {
  .footer_footer__iconLinkWrap__GivP0 {
    margin-top: 10px;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .footer_footer__iconLinkWrap__GivP0 {
    margin-top: 10px;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .footer_footer__zja7j .footer_hideOnDesktop__Wq4KW {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer_footer__zja7j .footer_hideOnMobileTablet__Q7EjU {
    display: none;
  }
}
@media (max-width: 992px) {
  .footer_footer__pegiIconWrap__i3VhJ {
    display: none;
  }
}
.footer_footer__copyright__awoJ8 {
  font-size: 14px;
  color: #928eaa;
  font-family: "Inter";
}
.footer_footer__copyright_bottom__U0YFp {
  display: none;
}
@media (max-width: 992px) {
  .footer_footer__copyright_bottom__U0YFp {
    display: block;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/components/widgets/footer/footer.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footer_footer__2FIz6 {
  padding: 35px 25px;
  background-color: #0d0d23;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border: 2px solid rgba(230, 229, 238, 0.0392156863);
}
.footer_footer__2FIz6 .footer_gradientText__LCxDZ {
  background: linear-gradient(96.99deg, #72F8FA -2.34%, #3FAFE7 23.48%, #3693FF 49.3%, #8D4EFF 75.12%, #C656FA 100.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.footer_footer__cmsItem__jvW0S {
  margin-bottom: 20px;
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
}
@media (max-width: 992px) {
  .footer_footer__cmsItem__jvW0S {
    text-align: center;
  }
}
.footer_footer__2FIz6 .footer_resources__Z3URG {
  display: flex;
  justify-content: center;
  color: #e6e5ee;
  font-size: 14px;
  margin-bottom: 15px;
}
.footer_footer__2FIz6 .footer_resSpan__jRDL0 {
  margin-right: 1rem;
  color: #5B5779;
}
.footer_footer__2FIz6 .footer_resDesk__1n0Gd {
  color: #e6e5ee;
  text-align: right;
  padding: 10px 0;
  font-size: 15px;
  margin: auto;
  padding-right: 52px;
  font-weight: 500;
}
.footer_footer__2FIz6 .footer_currency__Shkc6 {
  color: #5B5779;
  font-size: 14px;
}
.footer_footer__cmsPages__8eVFE {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer_footer__cmsPages__8eVFE a {
  max-width: 80%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
@media (max-width: 992px) {
  .footer_footer__cmsPages__8eVFE a {
    margin-top: 10px;
    max-width: 100%;
  }
}
.footer_footer__2FIz6 .footer_footerLink__mA8JV {
  color: #e6e5ee;
  text-decoration: none;
  font-weight: 500;
  font-size: 17px;
}
.footer_footer__iconLinkWrap__FectD {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.footer_footer__iconLinkWrap__FectD > * {
  margin-top: 8px;
  text-align: center;
}
@media (max-width: 992px) {
  .footer_footer__iconLinkWrap__FectD {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
  }
}
.footer_footer__2FIz6 .footer_fLinkWrap___Hknv {
  color: #928EAA;
  font-size: small;
}
.footer_footer__2FIz6 .footer_fLinkWrap___Hknv a {
  font-weight: 530;
}
@media (max-width: 992px) {
  .footer_footer__pegiIconWrap__83_so {
    display: none;
  }
}
.footer_footer__wrapper__Q5pnk {
  max-width: 1680px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  gap: 20px;
  align-items: center;
}
@media (max-width: 992px) {
  .footer_footer__wrapper__Q5pnk {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
}
.footer_footer__leftSide__d6Hux {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 992px) {
  .footer_footer__leftSide__d6Hux {
    align-items: center;
  }
}
.footer_footer__leftSide_headWrap__dDOIY {
  display: flex;
  align-items: center;
}
.footer_footer__leftSide_title__fMMss {
  font-size: 24px;
  color: #b9b5d0;
  font-weight: bold;
}
@media (max-width: 992px) {
  .footer_footer__leftSide_title__fMMss {
    font-size: 20px;
  }
}
.footer_footer__leftSide_text__aJzSW {
  font-size: 14px;
  color: #928eaa;
  max-width: 420px;
  font-family: "Inter";
  font-weight: 300;
  line-height: 20px;
  width: 100%;
}
@media (max-width: 992px) {
  .footer_footer__leftSide_text__aJzSW {
    text-align: center;
  }
}
.footer_footer__rightSide__y3f3r {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .footer_footer__rightSide__y3f3r {
    align-items: center;
  }
}
.footer_footer__iconPlaceholder__i13KP {
  width: 60px;
  height: 60px;
  background: linear-gradient(180deg, #1C193D 0%, #181439 100%);
  border-radius: 50%;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .footer_footer__iconPlaceholder__i13KP {
    width: 40px;
    height: 40px;
  }
}
.footer_footer__linkWrap__cuPt_ {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  row-gap: 20px;
  color: #e6e5ee;
  text-decoration: none;
  font-weight: 500;
}
@media (max-width: 992px) {
  .footer_footer__linkWrap__cuPt_ {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
}
.footer_footer__linkWrap1__dh8mS {
  display: none;
}
@media (max-width: 992px) {
  .footer_footer__linkWrap1__dh8mS {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 20px;
    color: #e6e5ee;
    text-decoration: none;
    font-weight: 500;
  }
}
.footer_footer__iconLinkWrap__FectD {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 1024px) {
  .footer_footer__iconLinkWrap__FectD {
    margin-top: 10px;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .footer_footer__iconLinkWrap__FectD {
    margin-top: 10px;
    flex-wrap: nowrap;
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .footer_footer__2FIz6 .footer_hideOnDesktop__A_CtW {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer_footer__2FIz6 .footer_hideOnMobileTablet__hAvel {
    display: none;
  }
}
@media (max-width: 992px) {
  .footer_footer__pegiIconWrap__83_so {
    display: none;
  }
}
.footer_footer__copyright__P2_gM {
  font-size: 14px;
  color: #928eaa;
  font-family: "Inter";
}
.footer_footer__copyright_bottom__BLIsm {
  display: none;
}
@media (max-width: 992px) {
  .footer_footer__copyright_bottom__BLIsm {
    display: block;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/app/(appLayout)/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_appLayout___1nT9 {
  max-width: 1730px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 320px) {
  .styles_appLayout___1nT9 {
    padding: 0 5px;
  }
}
.styles_appLayout__wrap__lBgzv {
  display: grid;
  grid-template-columns: calc(100% - 380px) 340px;
  grid-gap: 40px;
  gap: 40px;
  transition: all 0.2s ease-out;
  margin-bottom: 40px;
}
@media (max-width: 1490px) {
  .styles_appLayout__wrap__lBgzv {
    grid-template-columns: calc(100% - 345px) 300px;
  }
}
@media (max-width: 480px) {
  .styles_appLayout__wrap__lBgzv {
    margin-bottom: 10px;
  }
}
.styles_appLayout__wrap_collapsed__XLEA6 {
  grid-template-columns: calc(100% - 100px) 50px;
}
.styles_appLayout__wrap_collapsed__XLEA6 article[data-id=casino-wrapper] {
  max-width: 100%;
}
.styles_appLayout__wrap__wrap_guest__TGspV {
  grid-template-columns: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
  gap: 20px;
}
@media (max-width: 1100px) {
  .styles_appLayout__wrap__wrap_guest__TGspV {
    display: block;
  }
}
@media (max-width: 1100px) {
  .styles_appLayout__wrap__lBgzv {
    display: block;
  }
}
.styles_appLayout__wrap_chat__VQO8M {
  position: relative;
  margin-top: 40px;
}
@media (max-width: 1100px) {
  .styles_appLayout__wrap_chat__VQO8M {
    display: none;
  }
}
.styles_appLayout__container__X4Wnu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  min-width: 320px;
}
.styles_appLayout__container_background__UiKNm {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%), url("/assets/images/page-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.styles_appLayout__chatWrapper__rmxiY {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #070618;
  transform: translateY(100%);
  transition: transform 0.2s ease-out;
  z-index: 10;
  display: none;
}
@media (max-width: 1100px) {
  .styles_appLayout__chatWrapper__rmxiY {
    display: block;
  }
}
.styles_appLayout__chatWrapper_open__SxWtU {
  transform: translateY(0);
}