/* [project]/node_modules/swiper/swiper.css [app-client] (css) */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.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 {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.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;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.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-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}

.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 {
  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 {
  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);
}

.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 {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/swiper/modules/navigation.css [app-client] (css) */
:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
  display: none !important;
}

:is(.swiper-button-prev, .swiper-button-next) ::slotted(svg), :is(.swiper-button-prev, .swiper-button-next) svg {
  object-fit: contain;
  transform-origin: center;
  fill: currentColor;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev ::slotted(.swiper-navigation-icon), .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-left: 0;
}

.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(180deg);
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(0);
}

.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-prev, .swiper-vertical ~ .swiper-button-next {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
  margin-top: 0;
  right: auto;
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 4px);
  bottom: auto;
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
  transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) ::slotted(.swiper-navigation-icon), :is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
  transform: rotate(90deg);
}

/* [project]/node_modules/swiper/modules/pagination.css [app-client] (css) */
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* [project]/src/components/Dashboard/dashboard.module.css [app-client] (css) */
.dashboard-module__bbET5G__dashboard {
  grid-template-columns: 15.5rem 1fr 15.5rem;
  height: 29.8rem;
  margin-top: 3.33rem;
  display: grid;
}

.dashboard-module__bbET5G__dashboardCol {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardCol:first-child {
  grid-column: 1;
}

.dashboard-module__bbET5G__dashboardCol:last-child {
  grid-column: 3;
}

.dashboard-module__bbET5G__dashboardContainer {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .83rem;
  padding: 1.33rem;
}

.dashboard-module__bbET5G__dashboardWrapper {
  height: 100%;
}

.dashboard-module__bbET5G__dashboardEarning {
  position: relative;
}

.dashboard-module__bbET5G__dashboardEarningTipButton {
  font-family: var(--font-second), sans-serif;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  cursor: pointer;
  background-color: #07060599;
  border: 1px solid #f0f;
  border-radius: .5rem;
  padding: .66rem 1rem;
  font-size: .66rem;
  line-height: 100%;
  transition: all .2s;
  position: absolute;
  top: -1rem;
  right: -1.5rem;
}

.dashboard-module__bbET5G__dashboardEarningTipButton:hover {
  background-color: #ff00ffb2;
}

.dashboard-module__bbET5G__dashboardEarningTitle {
  text-transform: uppercase;
  font-size: .58rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardEarningTitleSpan {
  color: #f0f;
}

.dashboard-module__bbET5G__dashboardEarningValue {
  margin-bottom: 2.66rem;
  font-size: 1.33rem;
}

.dashboard-module__bbET5G__dashboardEarningRow {
  justify-content: space-between;
  display: flex;
}

.dashboard-module__bbET5G__dashboardEarningLabel {
  text-transform: uppercase;
  font-size: .58rem;
}

.dashboard-module__bbET5G__dashboardEarningLabelActive {
  color: #f0f;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardEarningRate {
  font-size: .58rem;
}

.dashboard-module__bbET5G__dashboardEarningRateActive {
  color: #f0f;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardEarningHint {
  color: #a9a9a9;
  margin-top: 1rem;
  font-size: .45rem;
}

.dashboard-module__bbET5G__dashboardEarningButton {
  width: 100%;
  height: 2.16rem;
  font-size: .66rem;
  font-family: var(--font-second), sans-serif;
  cursor: pointer;
  background-color: #f0f;
  border-radius: .66rem;
  margin-top: .5rem;
}

.dashboard-module__bbET5G__dashboardEarningButtonDisabled {
  color: #6c6c6c;
  background-color: #761476;
}

.dashboard-module__bbET5G__dashboardUser {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardUserInfo {
  grid-template-columns: 1.75rem 1fr .83rem;
  align-items: center;
  column-gap: .5rem;
  display: grid;
}

.dashboard-module__bbET5G__dashboardUserAvatar {
  background-color: beige;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
}

.dashboard-module__bbET5G__dashboardUserName {
  font-size: .83rem;
  font-weight: 500;
}

.dashboard-module__bbET5G__dashboardUserEdit {
  justify-content: center;
  align-items: center;
  width: .83rem;
  height: .83rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardUserEditIcon {
  width: .58rem;
  height: .58rem;
}

.dashboard-module__bbET5G__dashboardUserWrapper {
  justify-content: space-between;
  display: flex;
}

.dashboard-module__bbET5G__dashboardUserStats {
  flex-direction: column;
  row-gap: .2rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardUserLevelLabel {
  color: #a9a9a9;
  text-transform: uppercase;
  font-size: .41rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardUserStatsMax .dashboard-module__bbET5G__dashboardUserLevelLabel {
  text-align: center;
  width: 100%;
}

.dashboard-module__bbET5G__dashboardUserTitle {
  font-size: .5rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardUserTitle:last-child {
  color: #f0f;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardUserStatsMax .dashboard-module__bbET5G__dashboardUserTitle:last-child {
  text-align: center;
  color: #fff;
  width: 100%;
}

.dashboard-module__bbET5G__dashboardUserProgress {
  background-color: #5e165c;
  border-radius: 20rem;
  height: .41rem;
  margin: .12rem 0;
  position: relative;
}

.dashboard-module__bbET5G__dashboardUserProgressBar {
  background-color: #f0f;
  border-radius: 20rem;
  width: 50%;
  height: .41rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardUserCostLabel {
  color: #a9a9a9;
  text-transform: uppercase;
  font-size: .41rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardUserStatsMax .dashboard-module__bbET5G__dashboardUserCostLabel {
  text-align: center;
  width: 100%;
}

.dashboard-module__bbET5G__dashboardUserButton {
  height: 2rem;
  font-size: .66rem;
  font-family: var(--font-second), sans-serif;
  cursor: pointer;
  border-radius: .66rem;
  transition: all .2s;
}

.dashboard-module__bbET5G__dashboardUserButtonView {
  color: #fff;
  border: 1px solid #f0f;
  width: 50%;
  margin-right: .125rem;
}

.dashboard-module__bbET5G__dashboardUserButtonView:hover {
  background-color: #ff00ffb2;
}

.dashboard-module__bbET5G__dashboardUserButtonUpgrade {
  color: #6c6c6c;
  background-color: #4b165e;
  width: 50%;
  margin-left: .125rem;
}

.dashboard-module__bbET5G__dashboardUserButtonMax {
  color: #6c6c6c;
  cursor: auto;
  background-color: #761476;
  width: 100%;
}

.dashboard-module__bbET5G__dashboardStats {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardStatsWrapper {
  justify-content: space-between;
  display: flex;
}

.dashboard-module__bbET5G__dashboardStatsTitle {
  color: #a9a9a9;
  text-transform: uppercase;
  font-size: .58rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardStatsValue {
  color: #f0f;
  text-transform: uppercase;
  font-size: .58rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardStatsValueSpan {
  color: #fff;
}

.dashboard-module__bbET5G__dashboardTalent {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentTitle {
  color: #a9a9a9;
  font-size: .58rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardTalentSlider {
  align-items: center;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentArrow {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.dashboard-module__bbET5G__dashboardTalentArrow:first-child {
  left: .2rem;
}

.dashboard-module__bbET5G__dashboardTalentArrow:last-child {
  right: .2rem;
}

.dashboard-module__bbET5G__dashboardTalentArrowIcon {
  width: 1.75rem;
  height: 1.75rem;
}

.dashboard-module__bbET5G__dashboardTalentList {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  width: 100%;
  margin: 0 .91rem;
  display: grid;
}

.dashboard-module__bbET5G__dashboardTalentCard {
  border-radius: .16rem;
  height: 100%;
}

.dashboard-module__bbET5G__dashboardTalentCardImage {
  aspect-ratio: 5.04 / 7.5;
  object-fit: cover;
  border-radius: .16rem;
  width: 100%;
}

.dashboard-module__bbET5G__dashboardTalentCardBadge {
  border-radius: .16rem;
  justify-content: center;
  align-items: center;
  height: .66rem;
  margin-top: .16rem;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentCardText {
  font-size: .5rem;
  font-family: var(--font-second), sans-serif;
  line-height: 100%;
}

.dashboard-module__bbET5G__dashboardTalentCardEmpty {
  aspect-ratio: 5.04 / 7.5;
  cursor: pointer;
  background-color: #4d0e4d;
  border: 1px solid #5e165c;
  border-radius: .16rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentCardEmpty:hover {
  background-color: #951f95;
}

.dashboard-module__bbET5G__dashboardTalentAddIcon {
  background-color: #3a1338;
  border-radius: 50%;
  width: 1.16rem;
  height: 1.16rem;
  padding: .16rem;
}

.dashboard-module__bbET5G__dashboardTalentTotal {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentTotalLabel {
  align-items: center;
  font-size: .5rem;
  font-weight: 600;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentInfoIcon {
  width: .58rem;
  height: .58rem;
  margin-left: .16rem;
  display: inline;
}

.dashboard-module__bbET5G__dashboardTalentTotalValue {
  font-family: var(--font-second), sans-serif;
  color: #f0f;
  outline-offset: -1px;
  background-color: #070605;
  border-radius: .33rem;
  outline: 1px solid #f0f;
  padding: .25rem .5rem;
  font-size: .58rem;
  line-height: 100%;
}

.dashboard-module__bbET5G__dashboardTalentViewButton {
  font-family: var(--font-second), sans-serif;
  cursor: pointer;
  border: 1px solid #f0f;
  border-radius: .66rem;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-size: .66rem;
  transition: all .2s;
  display: flex;
}

.dashboard-module__bbET5G__dashboardTalentViewButton:hover {
  background-color: #ff00ffb2;
}

.dashboard-module__bbET5G__dashboardSign {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dashboard-module__bbET5G__dashboardSignImage {
  width: 6.59rem;
  height: 6.12rem;
  margin-top: -1.33rem;
  margin-bottom: .41rem;
}

.dashboard-module__bbET5G__dashboardSignLimit {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: .66rem;
  right: .66rem;
}

.dashboard-module__bbET5G__dashboardSignLimitTitle {
  color: #a9a9a9;
  font-size: .41rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardSignLimitValue {
  font-size: .58rem;
  font-weight: 600;
}

.dashboard-module__bbET5G__dashboardSignButton {
  font-size: .66rem;
  font-family: var(--font-second), sans-serif;
  background-color: #a100ff;
  border-radius: .66rem;
  width: 100%;
  height: 2rem;
}

.dashboard-module__bbET5G__bgCommon {
  background-color: #41c7ff;
}

.dashboard-module__bbET5G__bgRare {
  color: #81e4ff;
  background-color: #1a36ff;
}

.dashboard-module__bbET5G__bgEpic {
  color: #2c0754;
  background-color: #8f1cff;
}

.dashboard-module__bbET5G__bgLegendary {
  color: #7d5a08;
  background-color: #fed04e;
}

/* [project]/src/components/Header/header.module.css [app-client] (css) */
.header-module__nrpHoW__DEBUGWALLETADDRESS {
  position: absolute;
  top: 0;
  left: 0;
}

.header-module__nrpHoW__header {
  justify-content: space-between;
  align-items: center;
  height: 3.5rem;
  margin-top: 2.5rem;
  display: flex;
}

.header-module__nrpHoW__headerLogo {
  width: 8.33rem;
}

.header-module__nrpHoW__headerNav {
  justify-content: space-between;
  column-gap: 1.75rem;
  display: flex;
}

.header-module__nrpHoW__headerButton {
  opacity: .4;
  cursor: pointer;
  column-gap: .16rem;
  transition: all .2s;
  display: flex;
}

.header-module__nrpHoW__headerButton:hover, .header-module__nrpHoW__headerButtonActive {
  opacity: 1;
}

.header-module__nrpHoW__headerText {
  color: #fff;
  font-size: 1.75rem;
  font-family: var(--font-second), sans-serif;
  -webkit-text-stroke: 1px #f0f;
  paint-order: stroke fill;
}

.header-module__nrpHoW__headerNumber {
  -webkit-text-stroke-width: 0;
  font-size: .66rem;
}

.header-module__nrpHoW__headerUser {
  justify-content: end;
  column-gap: .5rem;
  width: 9rem;
  display: flex;
}

.header-module__nrpHoW__headerBalance {
  -webkit-backdrop-filter: blur(.5rem);
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 1.66rem;
  transition: all .2s;
  display: flex;
}

.header-module__nrpHoW__headerBalanceText {
  color: #f0f;
  padding: 0 .83rem;
  font-size: .66rem;
  font-weight: 500;
}

.header-module__nrpHoW__headerCurrency {
  color: #fff;
}

.header-module__nrpHoW__headerProfile {
  -webkit-backdrop-filter: blur(.5rem);
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 1.66rem;
  height: 1.66rem;
  display: flex;
}

.header-module__nrpHoW__headerAvatar {
  height: 1.08rem;
}

/* [project]/src/components/ReferModal/referModal.module.css [app-client] (css) */
.referModal-module__pOiHAa__modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

.referModal-module__pOiHAa__modalVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.referModal-module__pOiHAa__modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.referModal-module__pOiHAa__modalContainer {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 47.08rem;
  height: 33.83rem;
  display: flex;
  position: relative;
}

.referModal-module__pOiHAa__modalVisible .referModal-module__pOiHAa__modalContainer, .referModal-module__pOiHAa__modalHidden .referModal-module__pOiHAa__modalContainer {
  transform: none;
}

.referModal-module__pOiHAa__modalBg {
  z-index: 100;
  cursor: pointer;
  background-color: #000c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.referModal-module__pOiHAa__modalCloseBtn {
  cursor: pointer;
  z-index: 102;
  background: #0a0b12;
  border: none;
  border-radius: .55rem;
  justify-content: center;
  align-items: center;
  width: 2.33rem;
  height: 2.33rem;
  margin-left: -1rem;
  display: flex;
}

.referModal-module__pOiHAa__modalCloseBtnImage {
  width: .66rem;
  height: .66rem;
}

.referModal-module__pOiHAa__modalPreviewImage {
  border-radius: 1.33rem;
}

.referModal-module__pOiHAa__modalContent {
  background-color: #0a0b12;
  border-radius: 1.66rem;
  flex-direction: column;
  row-gap: .55rem;
  height: max-content;
  display: flex;
}

.referModal-module__pOiHAa__modalContentHeading {
  column-gap: 1rem;
  padding: 1.11rem 1.11rem .55rem;
  display: grid;
}

.referModal-module__pOiHAa__modalContentAvatar {
  border-radius: .88rem;
  width: 4.22rem;
  height: 4.22rem;
}

.referModal-module__pOiHAa__modalContentUserDetails {
  flex-direction: column;
  display: flex;
}

.referModal-module__pOiHAa__modalContentUsername {
  font-size: 1.77rem;
  font-weight: 500;
}

.referModal-module__pOiHAa__modalContentStats {
  column-gap: 1.11rem;
  display: flex;
}

.referModal-module__pOiHAa__modalContentStatItem {
  align-items: center;
  column-gap: .44rem;
  display: flex;
}

.referModal-module__pOiHAa__modalContentStatIcon {
  width: 1rem;
  height: 1rem;
}

.referModal-module__pOiHAa__modalContentStatText {
  color: #4d5674;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

.referModal-module__pOiHAa__modalContentInventory {
  background-color: #0a0b12b3;
  border: 1px solid #252832;
  border-radius: .88rem;
  padding: .5rem 1.11rem;
}

.referModal-module__pOiHAa__modalContentInventoryTitle {
  color: #4d5674;
  letter-spacing: .7px;
  font-size: .88rem;
  line-height: 150%;
}

.referModal-module__pOiHAa__modalContentInventoryValue {
  text-align: end;
  font-size: 1rem;
  line-height: 150%;
}

.referModal-module__pOiHAa__modalContentSaleBlock {
  justify-content: space-between;
  margin: 0 1.11rem;
  display: flex;
}

.referModal-module__pOiHAa__modalContentSaleLabel {
  color: #4d5674;
  font-size: .88rem;
}

.referModal-module__pOiHAa__modalContentSaleAmount {
  justify-content: space-between;
  column-gap: .77rem;
  display: flex;
}

.referModal-module__pOiHAa__modalContentSalePrice {
  font-size: .88rem;
}

.referModal-module__pOiHAa__modalContentSaleIcon {
  width: 1.22rem;
  height: 1.22rem;
}

.referModal-module__pOiHAa__cardSlider {
  border-top: 1px solid #1b1e29;
  border-bottom: 1px solid #1b1e29;
  align-items: center;
  width: 100%;
  height: 3.33rem;
  margin-top: .55rem;
  display: flex;
  position: relative;
}

.referModal-module__pOiHAa__cardSliderOption {
  text-align: center;
  cursor: pointer;
  text-shadow: 0 16px 18px #0000;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.referModal-module__pOiHAa__cardSliderBar {
  width: 25%;
  height: 1px;
  transition: transform .3s ease backgroundColor .3s ease;
  position: absolute;
  bottom: 0;
  left: 0;
}

.referModal-module__pOiHAa__cardSlider.referModal-module__pOiHAa__active-right .referModal-module__pOiHAa__cardSliderBar {
  transform: translateX(100%);
}

.referModal-module__pOiHAa__modalBidTable {
  border-bottom: 1px solid #1b1e29;
  display: grid;
}

.referModal-module__pOiHAa__modalBidTableHeader {
  grid-template-columns: 8.72rem 1fr 8.72rem 8.72rem;
  display: grid;
}

.referModal-module__pOiHAa__modalBidTableHeaderText {
  color: #4d5674;
  padding: .77rem 1.22rem;
  font-size: 1rem;
  line-height: 130%;
}

.referModal-module__pOiHAa__modalBidTableHeaderText:nth-child(2), .referModal-module__pOiHAa__modalBidTableHeaderText:nth-child(3) {
  text-align: center;
}

.referModal-module__pOiHAa__modalBidTableHeaderText:nth-child(4) {
  text-align: end;
}

.referModal-module__pOiHAa__modalBidTableContentRow {
  grid-template-columns: 8.72rem 1fr 8.72rem 8.72rem;
  display: grid;
}

.referModal-module__pOiHAa__modalBidTableContentRowText {
  padding: .77rem 1.22rem;
  font-size: 1rem;
  line-height: 130%;
}

.referModal-module__pOiHAa__modalBidTableContentRowText:nth-child(2), .referModal-module__pOiHAa__modalBidTableContentRowText:nth-child(3) {
  text-align: center;
}

.referModal-module__pOiHAa__modalBidTableContentRowText:nth-child(4) {
  text-align: end;
}

.referModal-module__pOiHAa__modalBidControlsHeading {
  grid-template-columns: 1fr 3.33rem 3.22rem 3.33rem 6.27rem;
  column-gap: .66rem;
  padding: 1.33rem;
  display: grid;
}

.referModal-module__pOiHAa__modalBidControlsInputWrapper {
  background-color: #0f1017;
  border-radius: .66rem;
  padding: .77rem .88rem;
  position: relative;
}

.referModal-module__pOiHAa__modalBidControlsInputWrapper .referModal-module__pOiHAa__modalBidControlsInput {
  text-align: left;
  padding-left: 3.44rem;
}

.referModal-module__pOiHAa__modalBidControlsCountWrapper {
  background-color: #0f1017;
  border-radius: .66rem;
  padding: .77rem .88rem;
  position: relative;
}

.referModal-module__pOiHAa__modalBidControlsInput {
  text-align: center;
  position: absolute;
  inset: 0;
}

.referModal-module__pOiHAa__modalBidControlsButton {
  cursor: pointer;
  background-color: #0f1017;
  border-radius: .66rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.referModal-module__pOiHAa__modalBidControlsButtonUntrained {
  background-color: #abb4d41a;
}

.referModal-module__pOiHAa__modalBidControlsButtonTrained {
  background-color: #97da4a1a;
}

.referModal-module__pOiHAa__modalBidControlsButtonPrime {
  background-color: #4ae0d61a;
}

.referModal-module__pOiHAa__modalBidControlsButtonPerfect {
  background-color: #fe003b1a;
}

.referModal-module__pOiHAa__modalBidControlsButtonImage {
  width: 1.33rem;
  height: 1.33rem;
}

.referModal-module__pOiHAa__modalBidControlsButtonUntrained .referModal-module__pOiHAa__modalBidControlsButtonImage {
  color: #abb4d4;
}

.referModal-module__pOiHAa__modalBidControlsButtonTrained .referModal-module__pOiHAa__modalBidControlsButtonImage {
  color: #97da4a;
}

.referModal-module__pOiHAa__modalBidControlsButtonPrime .referModal-module__pOiHAa__modalBidControlsButtonImage {
  color: #4ae0d6;
}

.referModal-module__pOiHAa__modalBidControlsButtonPerfect .referModal-module__pOiHAa__modalBidControlsButtonImage {
  color: #fe003b;
}

.referModal-module__pOiHAa__modalBidControlsTimeWrapper {
  cursor: pointer;
  background-color: #0f1017;
  border-radius: .66rem;
  justify-content: center;
  align-items: center;
  column-gap: .55rem;
  display: flex;
}

.referModal-module__pOiHAa__modalBidControlsContent {
  grid-template-columns: 1fr 1fr;
  column-gap: .66rem;
  margin: 0 1.33rem;
  display: grid;
}

.referModal-module__pOiHAa__modalBidControlsSubmit {
  color: #000;
  cursor: pointer;
  background-color: #abb4d4;
  border-radius: .88rem;
  justify-content: center;
  align-items: center;
  column-gap: .55rem;
  margin-bottom: 1.33rem;
  padding: 1rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.referModal-module__pOiHAa__modalBidControlsSubmitUntrained {
  background-color: #abb4d4;
}

.referModal-module__pOiHAa__modalBidControlsSubmitTrained {
  background-color: #97da4a;
}

.referModal-module__pOiHAa__modalBidControlsSubmitPrime {
  background-color: #4ae0d6;
}

.referModal-module__pOiHAa__modalBidControlsSubmitPerfect {
  background-color: #fe003b;
}

.referModal-module__pOiHAa__modalBidControlsSubmitIcon {
  width: 1.33rem;
  height: 1.33rem;
  display: inline-block;
}

.referModal-module__pOiHAa__referBackgroundWrapper {
  z-index: 100;
  border: 1px solid #4b165e;
  border-radius: 1.33rem;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.referModal-module__pOiHAa__referBackground {
  object-fit: cover;
  will-change: transform, filter;
  width: 100%;
  height: 100%;
  transition: transform .1s ease-out, filter .1s ease-out;
}

.referModal-module__pOiHAa__referContent {
  z-index: 101;
  justify-content: center;
  align-items: center;
  padding: 0 7.29rem;
  display: flex;
}

.referModal-module__pOiHAa__referClose {
  cursor: pointer;
  background-color: #0a0b12;
  border-radius: .41rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: scale .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.referModal-module__pOiHAa__referClose:hover {
  background-color: #f0f;
}

.referModal-module__pOiHAa__referCloseIcon {
  width: .5rem;
  height: .5rem;
}

.referModal-module__pOiHAa__referBody {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.referModal-module__pOiHAa__referTitle {
  font-size: 2rem;
  font-family: var(--font-second);
  text-align: center;
  line-height: 100%;
}

.referModal-module__pOiHAa__referTitleCurrency {
  color: #f0f;
}

.referModal-module__pOiHAa__referDescription {
  color: #a9a9a9;
  text-align: center;
  font-size: 1rem;
  line-height: 112%;
}

.referModal-module__pOiHAa__referIllustration {
  width: 28rem;
  margin: 1.66rem 0;
}

.referModal-module__pOiHAa__referWrapper {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.referModal-module__pOiHAa__referStats {
  -webkit-backdrop-filter: blur(.5rem);
  background-color: #07060599;
  border: 1px solid #f0f;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 16.54rem;
  height: 4rem;
  margin: 0 auto;
  padding: 0 1.33rem;
  display: flex;
}

.referModal-module__pOiHAa__referStatsItem {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.referModal-module__pOiHAa__referStatsLabel {
  color: #a9a9a9;
  font-size: .66rem;
}

.referModal-module__pOiHAa__referStatsValue {
  font-family: var(--font-second), sans-serif;
  font-size: 1rem;
}

.referModal-module__pOiHAa__referStatsValue span {
  font-size: 1.08rem;
}

.referModal-module__pOiHAa__referCopy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: .5rem;
  display: flex;
}

.referModal-module__pOiHAa__referCopyLabel {
  color: #a9a9a9;
  font-size: .83rem;
}

.referModal-module__pOiHAa__referCopyButton {
  width: 11.5rem;
  height: 2.91rem;
  font-family: var(--font-second), sans-serif;
  cursor: pointer;
  background-color: #f0f;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  column-gap: .25rem;
  transition: all .2s ease-in-out;
  display: flex;
}

.referModal-module__pOiHAa__referCopyIconWrapper {
  width: 1rem;
  height: 1rem;
  display: flex;
}

/* [project]/src/components/SignTalentModal/signTalentModal.module.css [app-client] (css) */
.signTalentModal-module__ly2oYa__modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

.signTalentModal-module__ly2oYa__modalVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.signTalentModal-module__ly2oYa__modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.signTalentModal-module__ly2oYa__modalContainer {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 66.66rem;
  height: 39.16rem;
  display: flex;
  position: relative;
}

.signTalentModal-module__ly2oYa__modalBg {
  z-index: 100;
  cursor: pointer;
  background-color: #000c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.signTalentModal-module__ly2oYa__modalBackgroundWrapper {
  z-index: 100;
  border: 1px solid #4b165e;
  border-radius: 1.33rem;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.signTalentModal-module__ly2oYa__modalBackground {
  object-fit: cover;
  will-change: transform, filter;
  width: 100%;
  height: 100%;
  transition: transform .1s ease-out, filter .1s ease-out;
}

.signTalentModal-module__ly2oYa__modalContent {
  z-index: 101;
  justify-content: center;
  align-items: center;
  padding: 0 7.29rem;
  display: flex;
}

.signTalentModal-module__ly2oYa__modalClose {
  cursor: pointer;
  background-color: #0a0b12;
  border-radius: .41rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: scale .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.signTalentModal-module__ly2oYa__modalClose:hover {
  background-color: #f0f;
  scale: 1.1;
}

.signTalentModal-module__ly2oYa__modalClose:active {
  scale: 1;
}

.signTalentModal-module__ly2oYa__modalCloseIcon {
  width: .5rem;
  height: .5rem;
}

.signTalentModal-module__ly2oYa__modalBody {
  flex-direction: column;
  row-gap: 1rem;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentContainer {
  grid-template-columns: 1fr 18.33rem;
  width: 44rem;
  display: grid;
}

.signTalentModal-module__ly2oYa__signTalentContent {
  flex-direction: column;
  grid-column: 2;
  row-gap: 2rem;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentWrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentTitle {
  font-family: var(--font-second), sans-serif;
  font-size: 1.75rem;
  line-height: 100%;
}

.signTalentModal-module__ly2oYa__signTalentDescription {
  text-align: center;
  margin-top: .66rem;
  font-size: .83rem;
  line-height: 112%;
}

.signTalentModal-module__ly2oYa__signTalentRarityCommon {
  color: #40c7ff;
}

.signTalentModal-module__ly2oYa__signTalentRarityLegendary {
  background: linear-gradient(90deg, #fff0c6 0%, #ffbd00 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.signTalentModal-module__ly2oYa__signTalentPrice {
  color: #f0f;
  font-size: 1.33rem;
  font-family: var(--font-second), sans-serif;
  height: 2rem;
}

.signTalentModal-module__ly2oYa__signTalentPrice span {
  font-size: 1.41rem;
}

.signTalentModal-module__ly2oYa__signTalentCount {
  font-size: .84rem;
  font-weight: 500;
}

.signTalentModal-module__ly2oYa__signTalentSlider {
  appearance: none;
  background: #6a1b6a;
  border-radius: .25rem;
  outline: none;
  width: 16.33rem;
  height: .5rem;
  margin-top: 1rem;
  margin-bottom: .33rem;
}

.signTalentModal-module__ly2oYa__signTalentSlider::-webkit-slider-runnable-track {
  cursor: pointer;
  background: linear-gradient(to right, #f0f 0%, #f0f var(--value), #6a1b6a var(--value), #6a1b6a 100%);
  border-radius: .25rem;
  width: 100%;
  height: .5rem;
}

.signTalentModal-module__ly2oYa__signTalentSlider::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #f0f;
  border: .2rem solid #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
}

.signTalentModal-module__ly2oYa__signTalentSlider::-moz-range-track {
  cursor: pointer;
  background: #6a1b6a;
  border-radius: .25rem;
  width: 100%;
  height: .5rem;
}

.signTalentModal-module__ly2oYa__signTalentSlider::-moz-range-progress {
  background: #f0f;
  border-radius: .25rem;
  height: .5rem;
}

.signTalentModal-module__ly2oYa__signTalentSlider::-moz-range-thumb {
  cursor: pointer;
  box-sizing: border-box;
  background: #f0f;
  border: .2rem solid #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}

.signTalentModal-module__ly2oYa__signTalentLimit {
  text-align: center;
  color: #b5b0ab;
  margin-top: .33rem;
  font-size: .5rem;
}

.signTalentModal-module__ly2oYa__signTalentRangeLabels {
  justify-content: space-between;
  width: 16.33rem;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentRangeMin {
  text-transform: uppercase;
  color: #a9a9a9;
  font-size: .5rem;
  font-weight: 600;
}

.signTalentModal-module__ly2oYa__signTalentRangeMax {
  text-transform: uppercase;
  color: #a9a9a9;
  align-items: center;
  column-gap: .16rem;
  font-size: .5rem;
  font-weight: 600;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentInfoIcon {
  width: .58rem;
  height: .58rem;
}

.signTalentModal-module__ly2oYa__signTalentBalance {
  color: #fff9;
  align-items: center;
  column-gap: .3rem;
  font-size: .66rem;
  line-height: 110%;
  display: flex;
}

.signTalentModal-module__ly2oYa__signTalentBalance span {
  color: #fff;
  font-weight: 500;
}

.signTalentModal-module__ly2oYa__signTalentMaxButton {
  color: #fff;
  cursor: pointer;
  background-color: #07060599;
  border: 1px solid #f0f;
  border-radius: .25rem;
  padding: .25rem;
  font-size: .66rem;
  line-height: 98%;
  transition: background-color .2s ease-in-out, scale .2s ease-in-out;
}

.signTalentModal-module__ly2oYa__signTalentMaxButton:hover {
  background-color: #f0f9;
  scale: 1.1;
}

.signTalentModal-module__ly2oYa__signTalentMaxButton:active {
  scale: 1;
}

.signTalentModal-module__ly2oYa__signTalentMaxButton:disabled {
  cursor: auto;
}

.signTalentModal-module__ly2oYa__signTalentMaxButton:disabled:hover {
  background-color: #07060599;
  scale: 1;
}

.signTalentModal-module__ly2oYa__signTalentSubmitButton {
  width: 16.33rem;
  height: 2.16rem;
  margin-top: .5rem;
  font-size: .83rem;
  display: block;
  border-radius: .66rem !important;
}

.signTalentModal-module__ly2oYa__signTalentSubmitButton span {
  font-size: .91rem;
}

.signTalentModal-module__ly2oYa__DEBUGSTATEWRAPPER {
  column-gap: .5rem;
  display: flex;
  position: absolute;
  top: 2rem;
  left: 2rem;
}

.signTalentModal-module__ly2oYa__DEBUGSTATE {
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

/* [project]/src/components/HowToPlayModal/howToPlayModal.module.css [app-client] (css) */
.howToPlayModal-module__ZMrXDW__modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

.howToPlayModal-module__ZMrXDW__modalVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.howToPlayModal-module__ZMrXDW__modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.howToPlayModal-module__ZMrXDW__modalContainer {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 47.08rem;
  height: 33.83rem;
  display: flex;
  position: relative;
}

.howToPlayModal-module__ZMrXDW__modalBg {
  z-index: 100;
  cursor: pointer;
  background-color: #000c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.howToPlayModal-module__ZMrXDW__modalBackgroundWrapper {
  z-index: 100;
  border: 1px solid #4b165e;
  border-radius: 1.33rem;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.howToPlayModal-module__ZMrXDW__modalBackground {
  object-fit: cover;
  will-change: transform, filter;
  width: 100%;
  height: 100%;
  transition: transform .1s ease-out, filter .1s ease-out;
}

.howToPlayModal-module__ZMrXDW__modalContent {
  z-index: 101;
  justify-content: center;
  align-items: center;
  padding: 0 7.29rem;
  display: flex;
}

.howToPlayModal-module__ZMrXDW__modalClose {
  cursor: pointer;
  background-color: #0a0b12;
  border-radius: .41rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: scale .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.howToPlayModal-module__ZMrXDW__modalClose:hover {
  background-color: #f0f;
  scale: 1.1;
}

.howToPlayModal-module__ZMrXDW__modalClose:active {
  scale: 1;
}

.howToPlayModal-module__ZMrXDW__modalCloseIcon {
  width: .5rem;
  height: .5rem;
}

.howToPlayModal-module__ZMrXDW__modalBody {
  flex-direction: column;
  row-gap: 2rem;
  display: flex;
}

.howToPlayModal-module__ZMrXDW__guideContainer {
  padding: 3.91px 0;
}

.howToPlayModal-module__ZMrXDW__guideInstructionsTitle {
  font-size: 2rem;
  font-family: var(--font-second), sans-serif;
  text-align: center;
  line-height: 100%;
}

.howToPlayModal-module__ZMrXDW__guideSteps {
  flex-direction: column;
  width: 22.83rem;
  margin: 0 auto;
  display: flex;
}

.howToPlayModal-module__ZMrXDW__guideStep {
  grid-template-rows: 1fr 2.3rem;
  grid-template-columns: 4.58rem 1fr;
  gap: .5rem .6rem;
  display: grid;
}

.howToPlayModal-module__ZMrXDW__guideStepIcon {
  grid-area: 1 / 1 / 3;
  width: 4.58rem;
  height: 4.58rem;
}

.howToPlayModal-module__ZMrXDW__guideStepTitle {
  font-size: 1rem;
  font-family: var(--font-second), sans-serif;
  align-self: flex-end;
  line-height: 100%;
}

.howToPlayModal-module__ZMrXDW__guideStepText {
  color: #a9a9a9;
  font-size: .75rem;
  line-height: 112%;
}

.howToPlayModal-module__ZMrXDW__guideFooterText {
  color: #a9a9a9;
  font-size: .75rem;
}

.howToPlayModal-module__ZMrXDW__guideLink {
  cursor: pointer;
  text-decoration: underline;
  transition: all .2s;
}

.howToPlayModal-module__ZMrXDW__guideLink:hover {
  color: #fff;
}

.howToPlayModal-module__ZMrXDW__guideCloseButton {
  border-radius: .66rem;
  width: 15.5rem;
  height: 2.16rem;
  margin: 0 auto;
}

/* [project]/src/components/UpgradeModal/upgradeModal.module.css [app-client] (css) */
.upgradeModal-module__aG-Z7G__modal {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  transition: opacity .3s, visibility .3s;
  display: flex;
  position: fixed;
  inset: 0;
}

.upgradeModal-module__aG-Z7G__modalVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.upgradeModal-module__aG-Z7G__modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.upgradeModal-module__aG-Z7G__modalContainer {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 66.66rem;
  height: 39.16rem;
  transition: all .525s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
}

.upgradeModal-module__aG-Z7G__modalContainerUpgraded {
  width: 40.75rem;
  height: 25.7rem;
}

.upgradeModal-module__aG-Z7G__modalBg {
  z-index: 100;
  background-color: #000c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.upgradeModal-module__aG-Z7G__modalBackgroundWrapper {
  z-index: 100;
  border: 1px solid #4b165e;
  border-radius: 1.33rem;
  transition: all .525s cubic-bezier(.34, 1.56, .64, 1);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.upgradeModal-module__aG-Z7G__modalBackgroundWrapperUpgraded {
  border-color: #f0f;
}

.upgradeModal-module__aG-Z7G__modalBackground {
  object-fit: cover;
  will-change: transform, filter;
  width: 100%;
  height: 100%;
  transition: transform 75ms ease-out, filter 75ms ease-out;
}

.upgradeModal-module__aG-Z7G__modalContent {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 7.29rem;
  display: flex;
}

.upgradeModal-module__aG-Z7G__modalClose {
  cursor: pointer;
  background-color: #0a0b12;
  border: none;
  border-radius: .41rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: scale .15s ease-in-out, background-color .15s ease-in-out, opacity .225s, visibility .225s;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.upgradeModal-module__aG-Z7G__modalCloseHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.upgradeModal-module__aG-Z7G__modalClose:hover {
  background-color: #f0f;
  scale: 1.1;
}

.upgradeModal-module__aG-Z7G__modalClose:active {
  scale: 1;
}

.upgradeModal-module__aG-Z7G__modalCloseIcon {
  width: .5rem;
  height: .5rem;
}

.upgradeModal-module__aG-Z7G__upgradeContainer {
  justify-content: flex-end;
  width: 44rem;
  transition: all .525s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
}

.upgradeModal-module__aG-Z7G__upgradeContainerUpgraded {
  justify-content: center;
  width: 18.33rem;
}

.upgradeModal-module__aG-Z7G__upgradeContent {
  flex-direction: column;
  row-gap: 1.33rem;
  width: 18.33rem;
  margin-left: 25.67rem;
  transition: all .525s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
}

.upgradeModal-module__aG-Z7G__upgradeContainerUpgraded .upgradeModal-module__aG-Z7G__upgradeContent {
  margin-left: 0;
}

.upgradeModal-module__aG-Z7G__upgradeWrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

@keyframes upgradeModal-module__aG-Z7G__fadeInUpPure {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.upgradeModal-module__aG-Z7G__textFadeUpTitle {
  animation: .3375s ease-out forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__textFadeUpDesc {
  opacity: 0;
  animation: .3375s ease-out .1s forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__textFadeUpBox1 {
  opacity: 0;
  animation: .3375s ease-out .2s forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__textFadeUpBox2 {
  opacity: 0;
  animation: .3375s ease-out .3s forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__textFadeUpBox3 {
  opacity: 0;
  animation: .3375s ease-out .4s forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__textFadeUpBtn {
  opacity: 0;
  animation: .3375s ease-out .5s forwards upgradeModal-module__aG-Z7G__fadeInUpPure;
  display: inline-block;
}

.upgradeModal-module__aG-Z7G__upgradeTitle {
  font-family: var(--font-second), sans-serif;
  text-align: center;
  font-size: 1.75rem;
  line-height: 100%;
}

.upgradeModal-module__aG-Z7G__upgradeDescription {
  text-align: center;
  color: #fff9;
  margin-top: .66rem;
  margin-left: -2rem;
  margin-right: -2rem;
  font-size: .83rem;
  line-height: 112%;
}

.upgradeModal-module__aG-Z7G__upgradePrice {
  color: #f0f;
  font-size: 1.33rem;
  font-family: var(--font-second), sans-serif;
  height: 2rem;
}

.upgradeModal-module__aG-Z7G__upgradePrice span {
  font-size: 1.41rem;
}

.upgradeModal-module__aG-Z7G__upgradeCount {
  color: #a9a9a9;
  font-size: .84rem;
  font-weight: 500;
}

.upgradeModal-module__aG-Z7G__upgradeBalance {
  color: #fff9;
  align-items: center;
  column-gap: .3rem;
  margin-bottom: .5rem;
  font-size: .66rem;
  line-height: 110%;
  display: flex;
}

.upgradeModal-module__aG-Z7G__upgradeBalance span {
  color: #fff;
  font-weight: 500;
}

.upgradeModal-module__aG-Z7G__upgradeSubmitButton {
  width: 16.33rem;
  height: 2.16rem;
  font-size: .83rem;
  font-family: var(--font-second);
  color: #fff;
  cursor: pointer;
  background-color: #f0f;
  border: none;
  justify-content: center;
  align-items: center;
  margin-top: .5rem;
  font-weight: 400;
  display: flex;
  border-radius: .66rem !important;
}

.upgradeModal-module__aG-Z7G__upgradeSubmitButton span {
  margin-top: -.1rem;
  margin-left: .2rem;
  font-size: .91rem;
}

.upgradeModal-module__aG-Z7G__upgradeBox {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #07060599;
  border: 1px solid #4b165e;
  border-radius: .5rem;
  flex-direction: column;
  row-gap: .66rem;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.upgradeModal-module__aG-Z7G__upgradeBoxContainer {
  grid-template-columns: 1fr 10rem;
  align-items: center;
  display: grid;
}

.upgradeModal-module__aG-Z7G__upgradeBoxLabel {
  color: #a9a9a9;
  text-transform: uppercase;
  font-size: .5rem;
  font-weight: 600;
  line-height: 100%;
}

.upgradeModal-module__aG-Z7G__upgradeBoxValue {
  text-align: end;
  font-size: .58rem;
  font-weight: 600;
  line-height: 112%;
}

.upgradeModal-module__aG-Z7G__upgradeBoxBonus {
  color: #f0f;
  font-weight: bold;
}

.upgradeModal-module__aG-Z7G__upgradeRarityRare {
  color: #1936ff;
  font-weight: bold;
}

.upgradeModal-module__aG-Z7G__upgradeRarityEpic {
  color: #8d18ff;
  font-weight: bold;
}

.upgradeModal-module__aG-Z7G__upgradeRarityLegendary {
  background: linear-gradient(90deg, #fff0c6 0%, #ffbd00 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

/* [project]/src/components/Leaderboard/leaderboard.module.css [app-client] (css) */
.leaderboard-module__wgwo5W__leaderboardTabs {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  border-radius: 1rem;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  width: 18.16rem;
  height: 3.33rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem;
  display: grid;
  position: relative;
}

.leaderboard-module__wgwo5W__leaderboardTabsPimps {
  background: #07060599;
  border: 1px solid #4b165e;
}

.leaderboard-module__wgwo5W__leaderboardTabsTalents {
  background: #0f0b01e5;
  border: 1px solid #4b3706;
}

.leaderboard-module__wgwo5W__leaderboardTab {
  font-family: var(--font-second), sans-serif;
  z-index: 101;
  font-size: .83rem;
  transition: all .2s ease-in-out;
}

.leaderboard-module__wgwo5W__leaderboardTabSlider {
  z-index: 100;
  border-radius: .66rem;
  width: calc(50% - 1rem);
  height: calc(100% - 1rem);
  margin: .5rem;
  transition: all .2s ease-in-out;
  position: absolute;
}

.leaderboard-module__wgwo5W__leaderboardTabSliderPimps {
  background-color: #f0f;
  transform: translateX(0%);
}

.leaderboard-module__wgwo5W__leaderboardTabSliderTalents {
  background-color: #ffff4a;
  transform: translateX(calc(100% + 1rem));
}

.leaderboard-module__wgwo5W__leaderboardTable {
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background-color: #170518cc;
  border: 1px solid #1d0825;
  border-radius: 1.33rem 1.33rem 0 0;
  width: 44.16rem;
  height: calc(100vh - 12.9rem);
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.75rem .83rem;
  transition: all .2s ease-in-out;
}

.leaderboard-module__wgwo5W__leaderboardTablePimps {
  background: #07060599;
  border: 1px solid #4b165e;
}

.leaderboard-module__wgwo5W__leaderboardTableTalents {
  background: #0f0b01e5;
  border: 1px solid #4b3706;
}

.leaderboard-module__wgwo5W__leaderboardHeader {
  grid-template-columns: 11.76% 35.18% 34.16% 18.9%;
  width: 100%;
  padding: 0 1.83rem;
  display: grid;
}

.leaderboard-module__wgwo5W__leaderboardHeaderCell {
  font-family: var(--font-second), sans-serif;
  color: #a9a9a9;
  font-size: .83rem;
}

.leaderboard-module__wgwo5W__leaderboardHeaderCellWrapper {
  align-items: center;
  column-gap: .25rem;
  display: flex;
}

.leaderboard-module__wgwo5W__leaderboardHeaderCellIcon {
  width: .83rem;
  height: .83rem;
}

.leaderboard-module__wgwo5W__leaderboardBody, .leaderboard-module__wgwo5W__leaderboardBodyTalent {
  height: 100%;
  margin-top: 1rem;
  position: relative;
}

.leaderboard-module__wgwo5W__leaderboardUserRow {
  outline-offset: -1px;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  background: #070605;
  border-radius: .5rem;
  outline: 1px solid #f0f;
  grid-template-columns: 11.76% 35.18% 34.16% 18.9%;
  align-items: center;
  height: 3.16rem;
  padding: .83rem 1rem;
  display: grid;
  position: absolute;
  top: 0;
  left: 1.83rem;
  right: 1.83rem;
}

.leaderboard-module__wgwo5W__leaderboardRank {
  font-size: .83rem;
  line-height: 100%;
}

.leaderboard-module__wgwo5W__leaderboardUserInfo {
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.leaderboard-module__wgwo5W__leaderboardUserLogo {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

.leaderboard-module__wgwo5W__leaderboardBodyTalent .leaderboard-module__wgwo5W__leaderboardUserLogo {
  border-radius: .33rem;
}

.leaderboard-module__wgwo5W__leaderboardUserName, .leaderboard-module__wgwo5W__leaderboardScore {
  font-size: .83rem;
  line-height: 100%;
}

.leaderboard-module__wgwo5W__leaderboardBalance {
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.leaderboard-module__wgwo5W__leaderboardCurrencyIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.leaderboard-module__wgwo5W__leaderboardBalanceValue {
  font-size: .83rem;
  line-height: 100%;
}

.leaderboard-module__wgwo5W__leaderboardList {
  height: 100%;
  padding: 0 1.58rem 0 1.83rem;
  overflow-y: scroll;
}

.leaderboard-module__wgwo5W__leaderboardList::-webkit-scrollbar {
  background-color: #282828;
  border-radius: 1rem;
  width: .25rem;
}

.leaderboard-module__wgwo5W__leaderboardList::-webkit-scrollbar-thumb {
  background-color: #f0f;
  border-radius: 1rem;
  transition: all .2s ease-in-out;
}

.leaderboard-module__wgwo5W__leaderboardTableTalents .leaderboard-module__wgwo5W__leaderboardList::-webkit-scrollbar-thumb {
  background-color: #ffff4a;
}

.leaderboard-module__wgwo5W__leaderboardRow {
  border-radius: .5rem;
  grid-template-columns: 11.76% 35.18% 34.16% 18.9%;
  align-items: center;
  width: 100%;
  padding: .83rem 1rem;
  display: grid;
}

.leaderboard-module__wgwo5W__leaderboardRow:first-child {
  margin-top: 3.16rem;
}

.leaderboard-module__wgwo5W__leaderboardBodyTalent .leaderboard-module__wgwo5W__leaderboardRow:first-child {
  margin-top: 0;
}

.leaderboard-module__wgwo5W__leaderboardFooterNote {
  color: #a9a8a8;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: .83rem;
}

/* [project]/src/components/Talents/talents.module.css [app-client] (css) */
.talents-module__JcS9Ua__talents {
  grid-template-columns: 50% 1fr;
  column-gap: 1rem;
  width: 66.83rem;
  max-width: 100%;
  height: calc(100vh - 8rem);
  margin: 1.45rem auto 0;
  display: grid;
}

.talents-module__JcS9Ua__talentsContainer {
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .83rem .83rem 0 0;
}

.talents-module__JcS9Ua__talentsWrapperBig {
  justify-content: space-between;
  align-items: center;
  column-gap: .5rem;
  display: flex;
}

.talents-module__JcS9Ua__talentsWrapperMedium {
  justify-content: space-between;
  align-items: center;
  column-gap: .25rem;
  display: flex;
}

.talents-module__JcS9Ua__talentsWrapperSmall {
  justify-content: space-between;
  align-items: center;
  column-gap: .16rem;
  display: flex;
}

.talents-module__JcS9Ua__talentsBadge {
  color: #a9a9a9;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(.5rem);
  text-wrap: nowrap;
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .41rem;
  align-items: center;
  column-gap: .25rem;
  height: max-content;
  padding: .5rem .83rem;
  font-size: .5rem;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.talents-module__JcS9Ua__talentsBadge span {
  color: #fff;
}

.talents-module__JcS9Ua__talentsHeader {
  background-color: #100c0b;
  border-bottom: 1px solid #4b165e;
  border-radius: .83rem .83rem 0 0;
  flex-direction: column;
  justify-content: space-between;
  row-gap: .5rem;
  padding: 1.33rem 1.33rem 1rem;
  display: flex;
}

.talents-module__JcS9Ua__talentsHeaderTitle {
  font-family: var(--font-second);
  font-size: 1.33rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__talentsHeaderScore {
  color: #a9a9a9;
  font-size: .5rem;
  font-weight: 500;
  line-height: 100%;
}

.talents-module__JcS9Ua__talentsHeaderScoreMultiplier {
  font-family: var(--font-second), sans-serif;
  -webkit-user-select: none;
  user-select: none;
  border-radius: .25rem;
  padding: .25rem;
  font-size: .5rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__talentsHeaderScoreMultiplierCommon {
  background-color: #41c7ff;
}

.talents-module__JcS9Ua__talentsHeaderScoreMultiplierRare {
  color: #81e4ff;
  background-color: #1a36ff;
}

.talents-module__JcS9Ua__talentsHeaderScoreMultiplierEpic {
  color: #2c0754;
  background-color: #8f1cff;
}

.talents-module__JcS9Ua__talentsHeaderScoreMultiplierLegendary {
  color: #7d5a08;
  background-color: #fed04e;
}

.talents-module__JcS9Ua__bgCommon {
  background-color: #41c7ff;
}

.talents-module__JcS9Ua__bgRare {
  color: #81e4ff;
  background-color: #1a36ff;
}

.talents-module__JcS9Ua__bgEpic {
  color: #2c0754;
  background-color: #8f1cff;
}

.talents-module__JcS9Ua__bgLegendary {
  color: #7d5a08;
  background-color: #fed04e;
}

.talents-module__JcS9Ua__talentsSearch {
  -webkit-backdrop-filter: blur(.5rem);
  background: #07060599;
  border: 1px solid #4b165e;
  border-radius: .41rem;
  align-items: center;
  width: 100%;
  height: max-content;
  margin-top: 1rem;
  padding: .54rem .66rem;
  position: relative;
}

.talents-module__JcS9Ua__talentsSearchIcon {
  width: .66rem;
  height: .66rem;
}

.talents-module__JcS9Ua__talentsSearchInput {
  color: #a9a9a9;
  padding: .62rem 0 .62rem 1.83rem;
  font-size: .5rem;
  font-weight: 500;
  line-height: 100%;
  position: absolute;
  inset: 0;
}

.talents-module__JcS9Ua__talentsSearchInput::placeholder {
  color: #a9a9a9;
  font-family: inherit;
  font-size: .5rem;
  font-weight: 500;
  line-height: 100%;
}

.talents-module__JcS9Ua__talentsSelect {
  margin-top: 1rem;
  padding: .54rem .66rem;
  display: flex;
}

.talents-module__JcS9Ua__talentsSelectIcon {
  width: .66rem;
  height: .66rem;
}

.talents-module__JcS9Ua__talentsBody {
  height: calc(100vh - 10.8rem);
  padding: 1rem 1.33rem;
  overflow-y: scroll;
}

.talents-module__JcS9Ua__talentCards {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: .75rem;
  display: grid;
}

.talents-module__JcS9Ua__talentCard {
  flex-direction: column;
  row-gap: .25rem;
  display: flex;
}

.talents-module__JcS9Ua__talentCardActive {
  transition: all .15s;
}

.talents-module__JcS9Ua__talentCardActive:hover {
  transform-origin: bottom;
  transform: scale(1.1);
}

.talents-module__JcS9Ua__talentCardTop {
  border-radius: .25rem;
  position: relative;
}

.talents-module__JcS9Ua__talentCardInactive .talents-module__JcS9Ua__talentCardTop {
  outline-offset: -1px;
  background-color: #0000006a;
  outline: 1px solid #4b165e;
}

.talents-module__JcS9Ua__talentCardActive .talents-module__JcS9Ua__talentCardTop {
  outline-offset: -1px;
  outline: 1px solid #f0f;
}

.talents-module__JcS9Ua__talentCardImage {
  aspect-ratio: 1;
  border-radius: .3rem;
  width: 100%;
  padding: .01rem;
}

.talents-module__JcS9Ua__talentCardCount {
  color: #a9a9a9;
  font-size: .41rem;
  font-family: var(--font-second), sans-serif;
  outline-offset: -1px;
  background-color: #070605;
  border-radius: .25rem;
  outline: 1px solid #f0f;
  padding: .3rem .37rem;
  line-height: 100%;
  position: absolute;
  top: .37rem;
  left: .25rem;
}

.talents-module__JcS9Ua__talentCardBottom {
  border-radius: .25rem;
  justify-content: space-between;
  align-items: center;
  padding: .25rem .33rem;
  display: flex;
}

.talents-module__JcS9Ua__talentCardInactive .talents-module__JcS9Ua__talentCardBottom {
  outline-offset: -1px;
  outline: 1px solid #4b165e;
}

.talents-module__JcS9Ua__talentCardActive .talents-module__JcS9Ua__talentCardBottom {
  outline-offset: -1px;
  outline: 1px solid #f0f;
}

.talents-module__JcS9Ua__talentCardName {
  font-family: var(--font-second), sans-serif;
  font-size: .58rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__talentCardInactive .talents-module__JcS9Ua__talentCardName {
  color: #a9a9a9;
}

.talents-module__JcS9Ua__talentCardState {
  justify-content: space-between;
  align-items: center;
  column-gap: .08rem;
  display: flex;
}

.talents-module__JcS9Ua__talentCardStateIcon {
  width: .58rem;
  height: .58rem;
}

.talents-module__JcS9Ua__talentCardStateTitle {
  font-size: .41rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__roster {
  background: #ff00ff14;
  border: 1px solid #f0f;
  border-radius: 1rem;
}

.talents-module__JcS9Ua__rosterHeader {
  justify-content: space-between;
  padding: 1rem 1rem .66rem;
  display: flex;
}

.talents-module__JcS9Ua__rosterTitle {
  font-family: var(--font-second);
  font-size: .83rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterBadge {
  outline-offset: -1px;
  background: #f0f3;
  border-radius: .41rem;
  outline: 1px solid #f0f;
  padding: .41rem .83rem;
}

.talents-module__JcS9Ua__rosterBadgeIcon {
  width: .5rem;
  height: .5rem;
}

.talents-module__JcS9Ua__rosterBadgeLabel {
  color: #a9a9a9;
  font-size: .5rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterBadgeScore {
  font-family: var(--font-second);
  font-size: .5rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterCustomButton {
  cursor: pointer;
  background-color: #f0f;
  border-radius: .41rem;
  justify-content: center;
  width: 6rem;
  padding: .54rem 1.2rem;
}

.talents-module__JcS9Ua__rosterCustomButtonEdit {
  outline-offset: -1px;
  cursor: pointer;
  background: none;
  border-radius: .41rem;
  outline: 1px solid #f0f;
  justify-content: center;
  width: 6rem;
  padding: .54rem 1.2rem;
}

.talents-module__JcS9Ua__rosterCustomButtonIcon {
  width: .66rem;
  height: .66rem;
}

.talents-module__JcS9Ua__rosterCustomButtonLabel {
  font-family: var(--font-second);
  font-size: .58rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterDivider {
  outline-offset: -1px;
  outline: 1px solid #4b165e;
  width: 100%;
  height: 1px;
}

.talents-module__JcS9Ua__rosterCards {
  position: relative;
}

.talents-module__JcS9Ua__rosterCardsButton {
  cursor: pointer;
  z-index: 10;
  outline-offset: -1px;
  color: #6c6c6c;
  background-color: #070605;
  border: none;
  border-radius: .2rem;
  outline: 1px solid #f0f;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .1s ease-in-out;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.talents-module__JcS9Ua__rosterCardsButton:hover {
  color: #fff;
}

.talents-module__JcS9Ua__rosterCardsButton svg {
  height: .7rem;
}

.talents-module__JcS9Ua__rosterCardsButtonLeft {
  left: 10px;
}

.talents-module__JcS9Ua__rosterCardsButtonRight {
  right: 10px;
}

.talents-module__JcS9Ua__disabled {
  display: none !important;
}

.talents-module__JcS9Ua__rosterCardsPagination {
  justify-content: center;
  gap: .25rem;
  margin-bottom: 1rem;
  display: flex;
}

.talents-module__JcS9Ua__rosterCardAdd {
  z-index: 1000;
  position: relative;
}

.talents-module__JcS9Ua__rosterCardAddIcon {
  width: 1.58rem;
  height: 1.58rem;
}

.talents-module__JcS9Ua__rosterCardAdd .talents-module__JcS9Ua__rosterCardEmptyTop {
  cursor: pointer;
  background-color: #53136a33;
  outline-color: #f0f;
  justify-content: center;
  align-items: center;
  display: flex;
}

.talents-module__JcS9Ua__rosterCardAdd .talents-module__JcS9Ua__rosterCardEmptyTop:hover {
  background-color: #f0f6;
}

.talents-module__JcS9Ua__rosterCardsWrapper {
  z-index: 110;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: .75rem;
  padding: .66rem 1rem;
  display: grid;
  position: absolute;
  left: 0;
  right: 0;
}

.talents-module__JcS9Ua__rosterCardsForegroundWrapper .talents-module__JcS9Ua__rosterCardEmptyTop {
  cursor: auto;
}

.talents-module__JcS9Ua__rosterCardsForegroundWrapper .talents-module__JcS9Ua__rosterCardEmptyBottom {
  opacity: 0;
}

.talents-module__JcS9Ua__rosterCardsBackgroundWrapper {
  z-index: 100;
  position: relative;
}

.talents-module__JcS9Ua__rosterCard {
  flex-direction: column;
  row-gap: .33rem;
  display: flex;
  position: relative;
}

.talents-module__JcS9Ua__rosterCardEditAnimation {
  transform-origin: center;
  animation: .3s ease-in-out infinite talents-module__JcS9Ua__iosJiggle;
}

.talents-module__JcS9Ua__rosterCardEditAnimation:nth-child(2n) {
  animation-duration: .25s;
  animation-direction: reverse;
}

.talents-module__JcS9Ua__rosterCardEditAnimation:nth-child(3n) {
  animation-duration: .35s;
}

@keyframes talents-module__JcS9Ua__iosJiggle {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-1.1deg);
  }

  75% {
    transform: rotate(1.1deg);
  }

  100% {
    transform: rotate(0);
  }
}

.talents-module__JcS9Ua__cardTopWrapper {
  aspect-ratio: 5.04 / 7.5;
  object-fit: cover;
  border-radius: .25rem;
  max-width: 100%;
  position: relative;
}

.talents-module__JcS9Ua__rosterCardTop {
  aspect-ratio: 5.04 / 7.5;
  border-radius: .25rem;
}

.talents-module__JcS9Ua__rosterCardBottom {
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 1rem;
  display: flex;
}

.talents-module__JcS9Ua__rosterCardsBackgroundWrapper .talents-module__JcS9Ua__rosterCardBottom {
  outline-offset: -1px;
  background: #04000633;
  outline: 1px solid #360946;
}

.talents-module__JcS9Ua__rosterCardScore {
  font-family: var(--font-second);
  font-size: .75rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterCardEmptyTop {
  aspect-ratio: 5.04 / 7.5;
  outline-offset: -1px;
  background: #04000633;
  border-radius: .25rem;
  outline: 1px solid #360946;
  max-width: 100%;
}

.talents-module__JcS9Ua__rosterCardEmptyBottom {
  outline-offset: -1px;
  background: #04000633;
  border-radius: .25rem;
  outline: 1px solid #360946;
  max-width: 100%;
  height: 1rem;
}

.talents-module__JcS9Ua__rosterCardEditRemove {
  cursor: pointer;
  background-color: #f12253;
  border-radius: .27rem;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: .12rem .25rem;
  animation: .2s ease-out forwards talents-module__JcS9Ua__showRemoveBadge;
  display: flex;
  position: absolute;
  top: -.4rem;
  right: -.5rem;
}

@keyframes talents-module__JcS9Ua__showRemoveBadge {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.talents-module__JcS9Ua__rosterCardEditRemoveLabel {
  font-size: .41rem;
  font-family: var(--font-second);
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterCardEditRemoveIcon {
  width: .83rem;
  height: .83rem;
}

.talents-module__JcS9Ua__rosterLabeledDivider {
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  column-gap: .5rem;
  margin: 1.33rem 0 .83rem;
  display: grid;
}

.talents-module__JcS9Ua__rosterLabeledDividerBadge {
  color: #a9a9a9;
  outline-offset: -1px;
  font-family: var(--font-second);
  background: #07060599;
  border-radius: .41rem;
  outline: 1px solid #4b165e;
  padding: .5rem .83rem;
  font-size: .66rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__rosterLabeledDividerBar {
  border-style: solid;
  border-width: 1px 0;
  border-image-source: linear-gradient(90deg, #4b165e00 0%, #4b165e 50%, #4b165e00 100%);
  border-image-slice: 1;
  width: 100%;
}

.talents-module__JcS9Ua__collectionCards .talents-module__JcS9Ua__rosterCardsWrapper {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: .83rem;
  padding-left: 0;
  padding-right: 0;
}

.talents-module__JcS9Ua__talentsDivider {
  background-color: #4b165e;
  width: 100%;
  height: 1px;
  margin: .5rem 0;
}

.talents-module__JcS9Ua__benchTitle {
  font-family: var(--font-second);
  margin-top: .5rem;
  font-size: .75rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__benchSubtitle {
  font-family: var(--font-second);
  color: #a9a9a9;
  margin-top: .5rem;
  font-size: .5rem;
  line-height: 100%;
}

.talents-module__JcS9Ua__benchNotice {
  color: #a9a9a9;
  font-size: .5rem;
  line-height: .25rem;
  animation: .2s ease-out talents-module__JcS9Ua__showBenchNotice;
}

@keyframes talents-module__JcS9Ua__showBenchNotice {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.talents-module__JcS9Ua__benchCaption {
  background-color: #f0f3;
  border: 1px solid #f0f;
  border-radius: .41rem;
  align-items: center;
  column-gap: .25rem;
  margin-top: .5rem;
  padding: .66rem .83rem;
  animation: .2s ease-out talents-module__JcS9Ua__showBenchCaption;
  display: flex;
}

.talents-module__JcS9Ua__benchCaptionIcon {
  width: .83rem;
  height: .83rem;
  animation: .2s ease-out talents-module__JcS9Ua__showBenchCaptionContent;
}

.talents-module__JcS9Ua__benchCaptionLabel {
  font-size: .5rem;
  line-height: 100%;
  animation: .2s ease-out talents-module__JcS9Ua__showBenchCaptionContent;
}

@keyframes talents-module__JcS9Ua__showBenchCaption {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes talents-module__JcS9Ua__showBenchCaptionContent {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.talents-module__JcS9Ua__legendaryContainer {
  z-index: 10;
  pointer-events: none;
  border-radius: .3rem;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 .72px 10.8px #fcce4e;
}

.talents-module__JcS9Ua__legendaryGlow {
  filter: blur(8px);
  background: radial-gradient(closest-side, #ffc85059 0%, #ffb43c2e 35%, #ffb43c0d 60%, #0000 75%);
  border-radius: .3rem;
  animation: 3.2s ease-in-out infinite talents-module__JcS9Ua__glow-pulse;
  position: absolute;
  inset: -10%;
}

@keyframes talents-module__JcS9Ua__glow-pulse {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.03);
  }
}

.talents-module__JcS9Ua__legendarySweep {
  mix-blend-mode: screen;
  background: linear-gradient(115deg, #0000 36%, #fff0 42%, #fff5c859 47%, #ffffffd9 50%, #fff5c859 53%, #fff0 58%, #0000 64%) 0 0 / 240% 240% no-repeat;
  border-radius: .3rem;
  width: 100%;
  height: 100%;
  animation: 3.2s linear infinite talents-module__JcS9Ua__sweep-move;
  position: absolute;
  inset: 0;
}

@keyframes talents-module__JcS9Ua__sweep-move {
  0% {
    opacity: 0;
    background-position: 130% 130%;
  }

  10% {
    opacity: 1;
  }

  65% {
    opacity: 1;
    background-position: -30% -30%;
  }

  72% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    background-position: -30% -30%;
  }
}

.talents-module__JcS9Ua__legendarySparkle {
  transform-origin: center;
  pointer-events: none;
  will-change: transform, opacity;
  filter: drop-shadow(0 0 6px #fff0c8f2);
  aspect-ratio: 1;
  width: 15%;
  position: absolute;
  transform: translate(-50%, -50%)scale(0);
}

@keyframes talents-module__JcS9Ua__twinkle {
  0%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(0)rotate(0);
  }

  10% {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1.2)rotate(40deg);
  }

  20% {
    opacity: .85;
    transform: translate(-50%, -50%)scale(.7)rotate(70deg);
  }

  30% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(0)rotate(90deg);
  }
}

.talents-module__JcS9Ua__p01 {
  animation: 3.2s ease-in-out infinite talents-module__JcS9Ua__twinkle;
  top: 6%;
  left: 8%;
}

.talents-module__JcS9Ua__p02 {
  animation: 3.2s ease-in-out .25s infinite talents-module__JcS9Ua__twinkle;
  top: 9%;
  left: 92%;
}

.talents-module__JcS9Ua__p03 {
  animation: 3.2s ease-in-out .5s infinite talents-module__JcS9Ua__twinkle;
  top: 14%;
  left: 22%;
}

.talents-module__JcS9Ua__p04 {
  animation: 3.2s ease-in-out .75s infinite talents-module__JcS9Ua__twinkle;
  top: 18%;
  left: 78%;
}

.talents-module__JcS9Ua__p05 {
  animation: 3.2s ease-in-out 1s infinite talents-module__JcS9Ua__twinkle;
  top: 28%;
  left: 12%;
}

.talents-module__JcS9Ua__p06 {
  animation: 3.2s ease-in-out 1.25s infinite talents-module__JcS9Ua__twinkle;
  top: 34%;
  left: 88%;
}

.talents-module__JcS9Ua__p07 {
  animation: 3.2s ease-in-out 1.5s infinite talents-module__JcS9Ua__twinkle;
  top: 22%;
  left: 50%;
}

.talents-module__JcS9Ua__p08 {
  animation: 3.2s ease-in-out .1s infinite talents-module__JcS9Ua__twinkle;
  top: 46%;
  left: 30%;
}

.talents-module__JcS9Ua__p09 {
  animation: 3.2s ease-in-out .4s infinite talents-module__JcS9Ua__twinkle;
  top: 50%;
  left: 72%;
}

.talents-module__JcS9Ua__p10 {
  animation: 3.2s ease-in-out .65s infinite talents-module__JcS9Ua__twinkle;
  top: 58%;
  left: 10%;
}

.talents-module__JcS9Ua__p11 {
  animation: 3.2s ease-in-out .9s infinite talents-module__JcS9Ua__twinkle;
  top: 62%;
  left: 90%;
}

.talents-module__JcS9Ua__p12 {
  animation: 3.2s ease-in-out 1.15s infinite talents-module__JcS9Ua__twinkle;
  top: 72%;
  left: 20%;
}

.talents-module__JcS9Ua__p13 {
  animation: 3.2s ease-in-out 1.4s infinite talents-module__JcS9Ua__twinkle;
  top: 78%;
  left: 80%;
}

.talents-module__JcS9Ua__p14 {
  animation: 3.2s ease-in-out 1.65s infinite talents-module__JcS9Ua__twinkle;
  top: 88%;
  left: 50%;
}

.talents-module__JcS9Ua__p15 {
  animation: 3.2s ease-in-out 1.9s infinite talents-module__JcS9Ua__twinkle;
  top: 90%;
  left: 8%;
}

.talents-module__JcS9Ua__p16 {
  animation: 3.2s ease-in-out 2.15s infinite talents-module__JcS9Ua__twinkle;
  top: 92%;
  left: 92%;
}

.talents-module__JcS9Ua__p17 {
  animation: 3.2s ease-in-out 2.4s infinite talents-module__JcS9Ua__twinkle;
  top: 60%;
  left: 42%;
}

.talents-module__JcS9Ua__p18 {
  animation: 3.2s ease-in-out 2.65s infinite talents-module__JcS9Ua__twinkle;
  top: 38%;
  left: 62%;
}

.talents-module__JcS9Ua__p19 {
  animation: 3.2s ease-in-out 2.85s infinite talents-module__JcS9Ua__twinkle;
  top: 82%;
  left: 36%;
}

.talents-module__JcS9Ua__p20 {
  animation: 3.2s ease-in-out 1.75s infinite talents-module__JcS9Ua__twinkle;
  top: 70%;
  left: 64%;
}

/* [project]/src/components/TalentOverview/talentOverview.module.css [app-client] (css) */
.talentOverview-module__le4ejq__modal {
  z-index: 1000;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  justify-content: center;
  align-items: center;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

.talentOverview-module__le4ejq__modalVisible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.talentOverview-module__le4ejq__modalHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.talentOverview-module__le4ejq__modalContainer {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 47.08rem;
  height: 33.83rem;
  display: flex;
  position: relative;
}

.talentOverview-module__le4ejq__modalBg {
  z-index: 100;
  cursor: pointer;
  background-color: #000c;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.talentOverview-module__le4ejq__modalBackgroundWrapper {
  z-index: 100;
  border: 1px solid #4b165e;
  border-radius: 1.33rem;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.talentOverview-module__le4ejq__modalBackground {
  object-fit: cover;
  will-change: transform, filter;
  width: 100%;
  height: 100%;
  transition: transform .1s ease-out, filter .1s ease-out;
}

.talentOverview-module__le4ejq__modalContent {
  z-index: 101;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 7.29rem;
  display: flex;
}

.talentOverview-module__le4ejq__modalClose {
  cursor: pointer;
  color: #fff;
  background-color: #0a0b12;
  border: none;
  border-radius: .41rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.25rem;
  transition: scale .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.talentOverview-module__le4ejq__modalClose:hover {
  background-color: #f0f;
  scale: 1.1;
}

.talentOverview-module__le4ejq__modalClose:active {
  scale: 1;
}

.talentOverview-module__le4ejq__modalBody {
  flex-direction: column;
  row-gap: 2rem;
  width: 100%;
  display: flex;
}

.talentOverview-module__le4ejq__guideContainer {
  padding: 3.91rem 0;
}

.talentOverview-module__le4ejq__guideInstructionsTitle {
  font-size: 2rem;
  font-family: var(--font-second), sans-serif;
  text-align: center;
  color: #fff;
  margin: 0;
  line-height: 100%;
}

.talentOverview-module__le4ejq__dataGrid {
  background: #0a0b1299;
  border: 1px solid #4b165e;
  border-radius: .8rem;
  flex-direction: column;
  row-gap: 1rem;
  width: 22.83rem;
  margin: 0 auto;
  padding: 1.5rem;
  display: flex;
}

.talentOverview-module__le4ejq__dataRow {
  border-bottom: 1px solid #ff00ff1a;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .5rem;
  display: flex;
}

.talentOverview-module__le4ejq__dataLabel {
  color: #a9a9a9;
  font-family: monospace;
  font-size: .85rem;
}

.talentOverview-module__le4ejq__dataValue {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.talentOverview-module__le4ejq__loadingText {
  text-align: center;
  color: #f0f;
  font-family: monospace;
  font-size: .85rem;
}

.talentOverview-module__le4ejq__guideCloseButton {
  cursor: pointer;
  border-radius: .66rem;
  width: 15.5rem;
  height: 2.16rem;
  margin: 0 auto;
}

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