/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Button/ui/Button.module.scss ***!
  \*****************************************************************************************************************************************************************/
.Zcv0nPBe {
  font: var(--font);
  color: var(--dark-color);
}
.Zcv0nPBe.G1FeMehu {
  opacity: 0.5;
}
.Zcv0nPBe.cZGoGg6u {
  border-radius: 50%;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/ScaledLayout/ui/ScaledLayout.module.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
.oildmE0J {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden; /* пустые поля только по бокам */
  display: flex;
  justify-content: center; /* центр по X */
  align-items: flex-start; /* привязка к верху */
  z-index: 2;
}

.mk1Bp6SV {
  position: relative;
  flex: 0 0 auto;
  will-change: transform;
  backface-visibility: hidden;
}

.KwUcksUe::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle, rgba(255, 140, 0, 0) 20%, rgba(255, 140, 0, 0.2) 80%, rgba(255, 69, 0, 0.5) 100%);
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Modal/ui/Modal.module.scss ***!
  \***************************************************************************************************************************************************************/
.jZMBFCeN {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}

.utiQKa99 {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--modal-bg-color, #222);
  border-radius: 12px;
  padding: 0.5rem 1rem;
  min-width: 300px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 5;
}

.HOjoUO6S {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid var(--light-gold-color);
  padding-bottom: 0.5rem;
  z-index: 1;
  height: fit-content;
}

.BaDV5GZV {
  --btn-size: 64px;
  position: absolute;
  right: calc(-1 * var(--btn-size) / 2);
  top: calc(var(--btn-size) / 2);
  z-index: 20;
  display: grid;
  place-items: center;
  width: var(--btn-size);
  height: var(--btn-size);
  font-size: calc(var(--btn-size) / 2);
  box-shadow: 0 0 14.7px 0 var(--black-color);
  --s0: var(--gradient-first-color, #dbd883);
  --s1: var(--gradient-second-color, #e9d66b);
  --s2: var(--gradient-third-color, #aab841);
}
.BaDV5GZV svg stop {
  transition: stop-color 0.25s ease;
}
.BaDV5GZV:hover {
  --s0: var(--hover-btn-color, #e0d08e);
  --s1: var(--hover-btn-color, #e0d08e);
  --s2: var(--hover-btn-color, #e0d08e);
}
.BaDV5GZV:active {
  --s0: var(--focus-btn-color, #ae9e5c);
  --s1: var(--focus-btn-color, #ae9e5c);
  --s2: var(--focus-btn-color, #ae9e5c);
}

.OHgj7fM7 {
  margin: 0;
  padding: 0;
}

.GmYlalM0 {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #555;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/GradientText/ui/GradientText.module.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
.SD2pu2lx {
  font-size: inherit;
  text-align: center;
  height: auto;
  white-space: pre-line;
  background-clip: text;
  -webkit-background-clip: text;
  --webkit-text-fill-color: transparent;
  background-image: var(--base-gradient);
  background-size: 200% 200%;
  transition: color 0.3s ease-in-out;
  color: transparent;
}

.qKbEOzof {
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

/* включаем эффекты только если есть класс WithEffects */
.v65hZeWo:hover {
  background: var(--hover-gradient);
}
.v65hZeWo:focus {
  background: var(--focus-gradient);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/Errors/ui/ErrorModal/ErrorModal.module.scss ***!
  \*******************************************************************************************************************************************************************************/
.BAQF3ljt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  border: 1px solid #dac95d;
  padding: 30px;
  min-width: 450px;
  min-height: 250px;
  background-color: #001313;
}
.BAQF3ljt h2 {
  width: 100%;
  font-size: 40px;
  color: #dac95d;
}
.BAQF3ljt > div {
  border: none;
}

.nBC2rYtz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.HxUqN2ia {
  font-size: 24px;
  color: #dac95d;
}

.fvJqwpch {
  border: none;
  border-radius: 2px;
  margin: 0;
  padding: 5px 10px;
  background-color: #d2d271;
  font-size: 24px;
  font-weight: 300;
  outline: none;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/Messages/ui/MessageList/components/CustomVirtuosoList/CustomVirtuosoList.module.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.k5zcrZUZ {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  gap: 40px;
  padding-left: 4rem;
  padding-right: 3rem;
}

.CDPDPFyp {
  justify-content: center;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/Messages/ui/MessageList/components/CustomVirtuosoScroller/CustomVirtuosoScroller.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.wS8G13Kz {
  scrollbar-width: thin;
  scrollbar-color: #ddac4c transparent;
}
.wS8G13Kz::-webkit-scrollbar {
  width: 8px;
}
.wS8G13Kz::-webkit-scrollbar-thumb {
  background-color: #ddac4c;
  border-radius: 4px;
  min-height: 40px !important;
}
.wS8G13Kz::-webkit-scrollbar-track {
  background: transparent;
}
.wS8G13Kz::-webkit-scrollbar-button {
  background-color: #ddac4c;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/ProgressiveImage/ui/ProgressiveImage.module.scss ***!
  \*************************************************************************************************************************************************************************************/
.Kkf0p5gc {
  width: 100%;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Text/Text.module.scss ***!
  \**********************************************************************************************************************************************************/
.Fs9ATJNs {
  position: relative;
  z-index: 10;
  margin: 0;
  height: auto;
  width: 98%;
  overflow-wrap: break-word;
  word-break: keep-all;
  color: rgba(235, 193, 112, 0.6);
  text-shadow: -1px 1px 1px var(--black-color), -1px 1px 1px var(--black-color), 1px -1px 1px var(--black-color);
  align-self: center;
  mix-blend-mode: normal;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.5));
  color: #dead4c;
}
.Fs9ATJNs.zE2F6_YK {
  text-shadow: 1px 1px 4px var(--dark-l1-color), 1px -1px 1px var(--black-color), -1px 1px 1px var(--black-color), -1px 1px 1px var(--black-color), 1px -1px 1px var(--black-color);
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/CustomRange/CustomRange.module.scss ***!
  \************************************************************************************************************************************************************************/
.JLN4HIvh {
  position: relative;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 2px solid #dad070;
}

.hq_0R0AC {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 20px;
  transform: translateY(-50%);
  z-index: 1;
}

.eajR4mVE {
  border-radius: 20px;
  appearance: none;
  height: 100%;
  background-color: #dad070;
}

.ufPAN3_o {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: 3;
  left: 50%;
}

.LCAlchUR {
  appearance: none;
  width: 100%;
  height: 20px;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/GameButton/ui/GameButton.module.scss ***!
  \***********************************************************************************************************************************************************************/
.u0HjxngZ {
  position: relative;
  z-index: 9;
  border-color: var(--text-button-color);
  border-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  color: var(--text-button-color);
  filter: drop-shadow(0px 0px 3px var(--black-color)) drop-shadow(0px 0px 2px var(--black-color)) drop-shadow(0px 0px 1px var(--black-color));
  transition: all 0.3s ease 0s;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
  cursor: pointer;
}
.u0HjxngZ.AXVcy5oY {
  margin: -2px 1% 0 0;
  padding: 4px 36px 8px 16px;
}
.u0HjxngZ.fg1cYOj6 {
  margin: -2px 0 0 1%;
  padding: 4px 16px 8px 36px;
}
.u0HjxngZ:focus {
  box-shadow: none;
}
.u0HjxngZ:disabled {
  background-color: transparent;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/features/Settings/ui/SettingsModal.module.scss ***!
  \*************************************************************************************************************************************************************************/
.FCFwNwbE {
  position: fixed;
  border-radius: 1rem;
  border: 0.3rem solid #dac95d;
  margin: 0;
  padding: 3rem;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
}

.iKK1Eza5 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
  text-transform: uppercase;
}
.iKK1Eza5 h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 2.5rem;
  color: #acaf50;
}

.hkkretNv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vwMFI_ww {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  border-radius: 1rem;
}

.AMxlQE4W {
  display: flex;
  flex-direction: column;
  width: 90%;
  z-index: 2;
  gap: 1.5rem;
  margin-bottom: 40px;
}

.zBNvAVwE {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.Q4_l5Bau {
  align-self: end;
  width: 250px;
  height: 50px;
  background-color: transparent;
  background-size: contain;
  z-index: 2;
  filter: none;
  text-shadow: none;
  text-transform: uppercase;
}

.a24gN87A {
  display: flex;
  flex-direction: column;
  width: 90%;
  gap: 2rem;
}

.GSivwlaS {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 10px;
}

.BcRHKniD {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: none;
  border-radius: 10px;
  border: 2px solid #acaf50;
  padding: 0.5rem;
  width: 100%;
  background: transparent;
  color: #acaf50;
  cursor: default;
}

.PLhjrlQb {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: fit-content;
  height: 40px;
  text-transform: uppercase;
  color: #acaf50;
  filter: brightness(0.8);
  pointer-events: none;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
}
.PLhjrlQb::-webkit-resizer {
  display: none;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/TextDivider/TextDivider.module.scss ***!
  \************************************************************************************************************************************************************************/
.s1dgYIH7 {
  position: relative;
  z-index: 10;
  display: flex;
}
.s1dgYIH7.yE8b9Ti_ {
  text-shadow: 1px 1px 4px var(--dark-l1-color), 1px -1px 1px var(--black-color), -1px 1px 1px var(--black-color), -1px 1px 1px var(--black-color), 1px -1px 1px var(--black-color);
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

.WhSzaCUN {
  border: 1px solid rgba(235, 193, 112, 0.7);
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/Messages/ui/MessageList/components/MessageItem/MessageItem.module.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.ztOxdXDz {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 2rem;
}
.ztOxdXDz.i6H2JjUa {
  justify-content: start;
}
.ztOxdXDz.VSmV2dFu {
  justify-content: end;
}
.ztOxdXDz.IeLJ66Uf {
  justify-content: center;
}

.hKzihB2M {
  max-width: 90%;
  width: fit-content;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
.hKzihB2M::after {
  content: "";
  display: inline-block;
  width: 0;
}
.hKzihB2M.i6H2JjUa {
  align-self: start;
  text-align: left;
}
.hKzihB2M.VSmV2dFu {
  align-self: end;
  text-align: right;
}
.hKzihB2M.IeLJ66Uf {
  align-self: center;
  text-align: center;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/UIButton/ui/UIButton.module.scss ***!
  \*********************************************************************************************************************************************************************/
@charset "UTF-8";
.os57FVWT {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 338px;
  height: 54px;
  padding: 8px 16px;
  border-radius: 62px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  user-select: none;
  transition: background 0.3s ease-in, border-color 0.3s ease-in, opacity 0.3s ease-in;
  color: var(--modal-bg-color);
}
.os57FVWT:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.os57FVWT.swU04U7d {
  width: 100%;
}

/* ===== PRIMARY ===== */
.h71gGw7C {
  background: var(--btn-gradient);
}
.h71gGw7C:hover:not(:disabled) {
  background: var(--primary-hover-gradient);
}
.h71gGw7C:focus:not(:disabled) {
  background: var(--focus-gradient);
}
@supports (-webkit-background-clip: text) {
  .h71gGw7C:focus:not(:disabled) {
    background-image: var(--base-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@supports not (-webkit-background-clip: text) {
  .h71gGw7C:focus:not(:disabled) {
    color: var(--gradient-second-color);
  }
}
.h71gGw7C:focus:not(:disabled)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 62px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.h71gGw7C:disabled {
  background: var(--grey-color);
  opacity: 0.4;
}

/* ===== OUTLINED ===== */
.G9rtb_M4 {
  background: transparent;
}
@supports (-webkit-background-clip: text) {
  .G9rtb_M4 {
    background-image: var(--base-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@supports not (-webkit-background-clip: text) {
  .G9rtb_M4 {
    color: var(--gradient-second-color);
  }
}
.G9rtb_M4::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 62px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.G9rtb_M4:hover:not(:disabled) {
  background: var(--outlined-hover-gradient);
  color: var(--gradient-second-color);
}
@supports (-webkit-background-clip: text) {
  .G9rtb_M4:hover:not(:disabled) {
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--gradient-second-color);
  }
}
.G9rtb_M4:focus:not(:disabled) {
  background: var(--base-gradient);
  color: var(--modal-bg-color);
}
@supports (-webkit-background-clip: text) {
  .G9rtb_M4:focus:not(:disabled) {
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--modal-bg-color);
  }
}
.G9rtb_M4:disabled {
  color: var(--grey-color);
  border: 2px solid var(--grey-color);
}

/* ===== SECONDARY ===== */
.bN9BwaH4 {
  background: transparent;
  color: var(--grey-color);
  border: 2px solid var(--grey-color);
}
.bN9BwaH4:hover:not(:disabled) {
  border: none;
}
.bN9BwaH4:hover:not(:disabled)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 62px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.bN9BwaH4:focus:not(:disabled) {
  border: none;
}
@supports (-webkit-background-clip: text) {
  .bN9BwaH4:focus:not(:disabled) {
    background-image: var(--base-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@supports not (-webkit-background-clip: text) {
  .bN9BwaH4:focus:not(:disabled) {
    color: var(--gradient-second-color);
  }
}
.bN9BwaH4:focus:not(:disabled)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 62px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/EquipmentSlots/components/SlotIcon/ui/SlotIcon.module.scss ***!
  \*********************************************************************************************************************************************************************************************/
.OXgoifjk {
  padding: 4px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.OXgoifjk.pVJkJ5vJ {
  --s0: var(--grey-icon-color);
  --s1: var(--grey-icon-color);
  --s2: var(--grey-icon-color);
  background: none !important;
  border-radius: 50%;
  border: 2px solid var(--grey-icon-color) !important;
}
.OXgoifjk.pVJkJ5vJ::before {
  display: none;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/ChooseSlotModal/ui/ChooseSlotModal.module.scss ***!
  \*********************************************************************************************************************************************************************************/
@charset "UTF-8";
.Erbbgcwk {
  border-radius: 12px;
  border: 2px solid var(--light-gold-color);
  padding: 32px 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 544px;
  min-height: 366px;
  transform: translate(-50%, -50%);
  background-color: var(--modal-bg-color);
}

._NvGPsvU {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.KEzKUVkN {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 16px;
  column-gap: 24px;
  width: 100%;
  height: 100%;
}

.vBUxisBT {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.Pa4qHyAK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80%;
  gap: 1rem;
  overflow-y: auto;
}

.Qfs1NTQw {
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  --s0: var(--grey-icon-color);
  --s1: var(--grey-icon-color);
  --s2: var(--grey-icon-color);
}
.Qfs1NTQw {
  background: var(--main-dark-color);
}
.Qfs1NTQw::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.Qfs1NTQw.RVjqLcVF:not(:disabled)::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--base-gradient);
}
.Qfs1NTQw.seoer532:not(:disabled) {
  --s0: var(--gradient-first-color);
  --s1: var(--gradient-second-color);
  --s2: var(--gradient-third-color);
}
.Qfs1NTQw:disabled {
  --s0: var(--grey-icon-color);
  --s1: var(--grey-icon-color);
  --s2: var(--grey-icon-color);
  background: none;
  border: 2px solid var(--grey-color);
  opacity: 0.4;
  cursor: not-allowed;
}
.Qfs1NTQw:disabled::before {
  display: none;
}

.MbgW6Ph0 {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.GZoHXDoh {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.xV8n3I0i {
  width: 42px;
  height: 42px;
}
.xV8n3I0i svg stop {
  transition: stop-color 0.3s ease-in;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/InventoryItemsList/ui/components/ItemIcon/ui/ItemIcon.module.scss ***!
  \****************************************************************************************************************************************************************************************************/
.IHFTGy2W {
  border: 1px solid var(--grey-icon-color);
  padding: 8px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.IHFTGy2W svg stop {
  transition: stop-color 0.3s ease;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/InventoryItemsList/ui/components/TextButton/ui/TextButton.module.scss ***!
  \********************************************************************************************************************************************************************************************************/
.bz4k6nci {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 80px;
  min-height: 24px;
  color: var(--white-color);
  background-clip: text;
  -webkit-background-clip: text;
  --webkit-text-fill-color: transparent;
  background-image: var(--base-gradient);
  background-size: 200% 200%;
  transition: color 0.3s ease-in-out;
}
.bz4k6nci.kUIDN7Zs {
  color: var(--light-gold-color);
}
.bz4k6nci:hover {
  color: rgba(0, 0, 0, 0);
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/ChooseItemForSlotModal/ui/ChooseItemForSlotModal.module.scss ***!
  \***********************************************************************************************************************************************************************************************/
@charset "UTF-8";
.r9VhkyOT {
  border-radius: 12px;
  border: 2px solid var(--light-gold-color);
  padding: 32px 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 620px;
  max-height: 590px;
  min-height: fit-content;
  transform: translate(-50%, -50%);
  background-color: var(--modal-bg-color);
}

.MG_ulqm4 {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.rxxa4pqK {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.EtZqZGre {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 15px;
  overflow-y: auto;
}

.VLbNI2iH, .IAdumkHI {
  border-bottom: 1px solid var(--grey-color);
  position: relative;
  z-index: 0;
  display: flex;
  gap: 15px;
  padding-block: 13px 16px;
  padding-inline: 0 10px;
  width: 100%;
  cursor: default;
}
.VLbNI2iH:hover, .VLbNI2iH:focus, .IAdumkHI:hover, .IAdumkHI:focus {
  background: transparent;
}

.UKisvKQt {
  position: relative;
  border-radius: 50%;
  padding: 0;
  --s0: var(--grey-icon-color, #797b7b);
  --s1: var(--grey-icon-color, #797b7b);
  --s2: var(--grey-icon-color, #797b7b);
}
.UKisvKQt svg {
  width: 22px;
  height: 22px;
}

.HcM_qj2O {
  position: relative;
  border-radius: 50%;
  padding: 1px;
  --s0: var(--grey-icon-color, #797b7b);
  --s1: var(--grey-icon-color, #797b7b);
  --s2: var(--grey-icon-color, #797b7b);
}

.WVm9ek8m {
  display: flex;
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--grey-color);
}

.IAdumkHI .sh0X6X13 {
  border: none;
}
.IAdumkHI .sh0X6X13 {
  background: var(--main-dark-color);
}
.IAdumkHI .sh0X6X13::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.IAdumkHI .sh0X6X13::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--base-gradient);
  z-index: 0;
  pointer-events: none;
}
.IAdumkHI .UKisvKQt {
  --s0: var(--gradient-first-color, #dbd883);
  --s1: var(--gradient-second-color, #e9d66b);
  --s2: var(--gradient-third-color, #aab841);
  border-image: var(--base-gradient) 1;
}
.IAdumkHI .WVm9ek8m {
  color: rgba(0, 0, 0, 0);
}

.DGJmkOyG {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-left: auto;
}

.gw2EbdCr {
  display: flex;
  align-items: center;
  gap: 8px;
}

.klcTudLn {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  color: var(--grey-icon-color);
  z-index: 21;
}

.v1RuwFSr {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-align: right;
  text-transform: uppercase;
}

.sh0X6X13 {
  margin-left: auto;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 0;
  z-index: 1;
  --s0: var(--grey-icon-color);
  --s1: var(--grey-icon-color);
  --s2: var(--grey-icon-color);
  border: 2px solid var(--grey-color);
}

.Jp3nHLCu {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.O8J7gVih {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.HcM_qj2O {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.pLPZX8HJ {
  color: var(--grey-color);
  font-size: 28px;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  text-align: center;
}

.MoGEVzl1 .UKisvKQt {
  --s0: var(--gradient-first-color);
  --s1: var(--gradient-second-color);
  --s2: var(--gradient-third-color);
  border-image: var(--base-gradient) 1;
}
.MoGEVzl1 .WVm9ek8m {
  color: transparent;
}
.MoGEVzl1 .v1RuwFSr {
  color: #D8AB54;
}
.MoGEVzl1 .sh0X6X13 {
  border: none;
}
.MoGEVzl1 .sh0X6X13 {
  background: var(--main-dark-color);
}
.MoGEVzl1 .sh0X6X13::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
.MoGEVzl1 .sh0X6X13::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--base-gradient);
  z-index: 0;
  pointer-events: none;
}
.MoGEVzl1 .HcM_qj2O {
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px;
  z-index: 1;
  --s0: var(--main-dark-color);
  --s1: var(--main-dark-color);
  --s2: var(--main-dark-color);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/ConfirmDialog/ui/ConfirmDialog.module.scss ***!
  \*******************************************************************************************************************************************************************************/
.A7UFzZYJ {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  z-index: 10000;
}

.XFW4uaGb {
  background: var(--modal-bg-color);
  padding: 32px 64px;
  border-radius: 12px;
  border: 2px solid var(--orange-l1-color);
  width: 654px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.ECGOjHNX {
  font-size: 32px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: var(--orange-l1-color);
  text-shadow: 0 0 12px #000, 0 0 12px #000, 0 0 6px #000, 0 0 3px #000, 0 0 2px #000, 0 0 1px #000;
}

.RvSQIhR3 {
  align-self: stretch;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: var(--grey-color);
}

.gahO9Xei {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.ukGqFKY7, .M_TA08d5 {
  width: 258px;
  gap: 4px;
  flex: 1 0 0;
}

.ukGqFKY7 {
  color: var(--modal-bg-color);
  background-image: var(--grey-gradient);
}

.M_TA08d5 {
  background-image: var(--grey-gradient);
}
.M_TA08d5::before {
  background: var(--grey-gradient);
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/Tooltip/ui/CustomTooltip.module.scss ***!
  \***********************************************************************************************************************************************************************/
@charset "UTF-8";
.BOJsQrxN {
  display: inline-flex;
  width: 15px;
  height: 15px;
}

.xgToIvrb {
  all: unset; /* сбросить дефолтные button/inline стили */
  display: inline; /* не ломаем поток */
  cursor: inherit; /* не меняем курсор */
}

.sI4ttSkZ {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #acaf50;
  border: 2px solid #acaf50;
  padding: 0.5rem;
  margin-right: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: bold;
  cursor: help;
  user-select: none;
  text-transform: lowercase;
}

.ogq2qQ7Q {
  background: rgba(26, 26, 26, 0.9);
  color: var(--white-color);
  border-radius: 0.5rem;
  font-size: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 2000;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-name: MCRVUohN;
}

.ogq2qQ7Q[data-side=bottom] {
  animation-name: ozPUo5_E;
}

.ogq2qQ7Q[data-side=top] {
  animation-name: ySnbGIes;
}

@keyframes ozPUo5_E {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ySnbGIes {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pF0mIPHs {
  width: 2rem;
  height: 1rem;
  fill: rgba(26, 26, 26, 0.9);
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/TooltipItem/ui/TooltipItem.module.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
.Md5f2tu9 {
  position: relative;
  width: 625px; /* фикс по макету */
  max-height: 305px; /* фикс по макету */
  border-radius: 12px;
  overflow: hidden; /* скролл внутри DescBody */
  /* границу рисуй тут или на .Content – главное БЕЗ absolute/inset */
}
.Md5f2tu9 {
  background: var(--modal-bg-color);
}
.Md5f2tu9::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  border: 1px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}

.De2CW9_r {
  padding: 22px 24px;
  display: flex;
  width: 100%;
  height: 100%;
  gap: 16px;
  align-items: center;
}

.hUsgaLuc {
  width: 160px;
  height: auto;
  object-fit: contain;
}

.kF1Y2Frs {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: left;
}

.OdKv4C1J {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 8px;
  min-height: 0;
}

.w2gGbAgL {
  display: flex;
  gap: 8px;
}

.p_Qiftjd {
  width: fit-content;
  color: var(--white-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.VmJVokVm {
  width: fit-content;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: var(--light-gold-color);
  white-space: nowrap;
}

.OHBDSJBx {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 8px;
  align-items: center;
}

.HzmNdbLw {
  border-radius: 50%;
  position: relative;
  padding: 8px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  --s0: var(--grey-icon-color);
  --s1: var(--grey-icon-color);
  --s02: var(--grey-icon-color);
}
.HzmNdbLw svg {
  width: 22px;
  height: 22px;
}
.HzmNdbLw {
  background: var(--dark-color);
}
.HzmNdbLw::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}

.vEZtLieO {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vEZtLieO .w2gGbAgL {
  flex-direction: row;
}
.vEZtLieO .VmJVokVm {
  white-space: normal;
  text-transform: none;
  color: var(--grey-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
}

.bXxelTn_ {
  display: flex;
  gap: 24px;
}

.Z5z50BQ_ {
  align-self: flex-start;
  color: var(--white-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.Usmi7jJ4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
  max-height: 130px;
  flex: 1 1 auto;
}

.kzomqMYi {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.etyGHfBX {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  --desc-lines: 4;
  -webkit-line-clamp: var(--desc-lines);
  line-clamp: var(--desc-lines);
  white-space: normal; /* обязательно: иначе clamp не сработает */
  line-height: 1.1; /* чтобы строка считалась корректно */
  word-break: break-word;
  color: var(--grey-color);
  font-size: 16px;
  font-weight: 400;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/InventoryItemsList/ui/components/InventoryItem/ui/InventoryItemComponent.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.NCJQCHfw {
  border-bottom: 1px solid var(--grey-color);
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-block: 13px 16px;
  padding-inline: 0 10px;
  width: 100%;
  cursor: default;
}
.NCJQCHfw:hover, .NCJQCHfw:focus {
  background: transparent;
}

.ee33wgYo .A44gchcl {
  --s0: var(--gradient-first-color, #dbd883);
  --s1: var(--gradient-second-color, #e9d66b);
  --s2: var(--gradient-third-color, #aab841);
  border-image: var(--base-gradient) 1;
}
.ee33wgYo .XWNCFNnA {
  color: rgba(0, 0, 0, 0);
}

.A44gchcl {
  padding: 5.5px;
  --s0: var(--grey-icon-color, #797b7b);
  --s1: var(--grey-icon-color, #797b7b);
  --s2: var(--grey-icon-color, #797b7b);
}

.XWNCFNnA {
  display: flex;
  font-weight: 400;
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--grey-color);
}
.XWNCFNnA.Di3cYFfz::after {
  content: "";
  border-radius: 8px;
  width: 8px;
  height: 8px;
  aspect-ratio: 1/1;
  background: var(--base-gradient);
}

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

.wFhTlfHg {
  position: absolute;
  inset-inline: 0;
  top: 0;
  bottom: 0;
  background: var(--hover-item-gradient);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-in-out;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
}

.NCJQCHfw:hover .wFhTlfHg,
.NCJQCHfw:focus .wFhTlfHg {
  transform: scaleX(1);
}

.NCJQCHfw:not(.ee33wgYo):hover .A44gchcl,
.NCJQCHfw:not(.ee33wgYo):focus .A44gchcl {
  --s0: var(--gradient-first-color, #dbd883);
  --s1: var(--gradient-second-color, #e9d66b);
  --s2: var(--gradient-third-color, #aab841);
  border-image: var(--base-gradient) 1;
}

.NCJQCHfw:not(.ee33wgYo):hover .XWNCFNnA,
.NCJQCHfw:not(.ee33wgYo):focus .XWNCFNnA {
  color: rgba(0, 0, 0, 0);
}

.IMgeNxAO {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  transition: transform 0.3s ease-in-out;
}

.NCJQCHfw:hover .IMgeNxAO,
.NCJQCHfw:focus .IMgeNxAO {
  transform: translateX(8px);
}

._48uuMiS {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  color: var(--grey-icon-color);
  --s0: var(--grey-icon-color, #797b7b);
  --s1: var(--grey-icon-color, #797b7b);
  --s2: var(--grey-icon-color, #797b7b);
}
._48uuMiS svg {
  width: 28px;
  height: 28px;
}
._48uuMiS svg stop {
  transition: stop-color 0.25s ease;
}
._48uuMiS:hover {
  --s0: var(--gradient-first-color, #dbd883);
  --s1: var(--gradient-second-color, #e9d66b);
  --s2: var(--gradient-third-color, #aab841);
}
._48uuMiS:active {
  --s0: var(--focus-btn-color, #ae9e5c);
  --s1: var(--focus-btn-color, #ae9e5c);
  --s2: var(--focus-btn-color, #ae9e5c);
}

.a4YIkrBz {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

.ElEvefjt {
  justify-content: end;
}

.lLXH3vbj {
  color: var(--white-color);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.M96vB8Pf {
  width: 100%;
  height: 1px;
  background: var(--grey-color);
  transition: background 0.3s ease-in-out;
}

.uNMDVzhb:hover .M96vB8Pf,
.uNMDVzhb:focus .M96vB8Pf {
  background: var(--base-gradient);
}

.wZasMQoP {
  min-height: fit-content;
  max-height: 308px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/InventoryItemsList/ui/InventoryItemsList.module.scss ***!
  \***************************************************************************************************************************************************************************************/
.I1K6NoI5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 15px;
  overflow: hidden;
  min-height: 0;
}

.bUR69xWQ {
  padding: 3px 14px 3px 0;
  border-bottom: 2px solid var(--grey-icon-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
  width: 100%;
}

.gwZtq0xG {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  aspect-ratio: 1/1;
  color: var(--grey-icon-color);
}

.BFC4nsjH {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  color: var(--grey-icon-color);
}

.GRqnmOpa {
  padding-block-start: 12px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  overflow-y: auto;
  min-height: 0;
}

.bkoDZ_wt {
  width: 100%;
}

.m7phHkgo {
  display: flex;
  font-weight: 400;
  font-size: 28px;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--grey-color);
}

.HRAxDIP9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, #121617 0%, rgba(18, 22, 23, 0) 9%, rgba(18, 22, 23, 0) 89%, #121617 99%);
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/PrimaryButton/ui/PrimaryButton.module.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";
.O8Fsz51N {
  position: relative;
  display: flex;
  width: 338px;
  height: 54px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  opacity: 0.8;
  color: var(--modal-bg-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 62px;
  background: var(--btn-gradient);
}
.O8Fsz51N:hover {
  background: linear-gradient(180deg, #BDBA65 0%, #CBB84D 25.48%, #8C9A23 91.83%);
}
.O8Fsz51N:not(.gAMVrsgK) {
  background: transparent;
  color: var(--grey-icon-color);
  border: 1px solid var(--grey-icon-color);
}
.O8Fsz51N:focus {
  /* градиентный текст + фолбэк */
}
@supports (-webkit-background-clip: text) {
  .O8Fsz51N:focus {
    background-image: var(--base-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
@supports not (-webkit-background-clip: text) {
  .O8Fsz51N:focus {
    color: var(--light-gold-color);
  }
}
.O8Fsz51N:focus::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 62px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/GameModals/ui/NewItemsModal/ui/NewItemsModal.module.scss ***!
  \********************************************************************************************************************************************************************************************/
@charset "UTF-8";
.Ptqh5IPh {
  position: relative;
  width: 814px;
  max-height: 500px;
  flex-direction: column;
  align-items: center;
  display: flex;
  padding: 32px 64px;
  gap: 32px;
  flex-shrink: 0;
}
.Ptqh5IPh {
  background: var(--modal-bg-color);
}
.Ptqh5IPh::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  border: 2px solid transparent;
  background: var(--base-gradient) border-box;
  /* корректный синтаксис + кроссбраузер */
  mask: linear-gradient(#fff, #fff) padding-box, linear-gradient(#fff, #fff) border-box;
  -webkit-mask-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff);
  -webkit-mask-clip: padding, border;
  -webkit-mask-composite: xor; /* Safari/Chromium */
  mask-composite: exclude; /* Firefox */
  pointer-events: none;
}

.OBhdGjwU {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-size: 50px;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
}

.JCRPz6Vm {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.gYEE8LST {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.bNWqIAmE {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.VPDXBd0t {
  width: 40px;
  height: 36px;
}

.RvmPOUPE {
  color: var(--light-gold-color);
  font-size: 28px;
  font-weight: 400;
}

.afkQ83AV {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/AuthPage/ui/AuthPage.module.scss ***!
  \*****************************************************************************************************************************************************************/
.I0hmF6DN {
  width: 100%;
  height: 100%;
  display: flex;
  padding-block: 3rem;
  padding-inline: 4rem;
  background: transparent;
  align-items: center;
  justify-content: center;
}

.BYgvg8w7 {
  padding: 5px 15px;
  border: 2px solid var(--border-input-color);
  width: 300px;
  height: fit-content;
  color: var(--text-input-color);
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/TorchLoader/ui/TorchLoader.module.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
.eRqb23R4 {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black-color);
  z-index: 9999; /* поверх всего */
  pointer-events: all; /* блокируем клик сквозь */
}

.eRqb23R4 img {
  max-width: 250px;
  height: auto;
  display: block;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/GameLink/GameLink.module.scss ***!
  \******************************************************************************************************************************************************************/
.RgRASZRK {
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 10px;
  padding: 10px 20px;
  width: 372px;
  height: 70px;
  color: var(--text-input-color);
  cursor: pointer;
}
.RgRASZRK:before {
  margin-top: -4px;
  content: url(../assets/circle.cb0ed4b5ada89c134adb.png);
  width: 20px;
  height: fit-content;
}

.y21GHDEy {
  opacity: 0.7;
  pointer-events: none;
  cursor: default;
  background-color: #f0f0f0;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/ContactButton/ContactButton.module.scss ***!
  \**************************************************************************************************************************************************************************/
.t0eRer3b {
  border-radius: 1rem;
  border: 2px solid var(--text-send-button-color);
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 1rem;
  width: 120px;
  height: 200px;
  color: var(--text-input-color);
  background-color: var(--dark-color);
}
.t0eRer3b img {
  margin-bottom: 5px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/InviteButton/InviteButton.module.scss ***!
  \************************************************************************************************************************************************************************/
.XyKmsqeN {
  border-radius: 1rem;
  border: 2px solid var(--text-send-button-color);
  display: flex;
  align-items: end;
  padding: 1rem;
  width: 120px;
  height: 200px;
  color: var(--text-input-color);
  background-color: var(--dark-color);
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/News/ui/NewsButton/NewsButton.module.scss ***!
  \*****************************************************************************************************************************************************************************/
.O9bSekyT {
  position: relative;
  border-radius: 1rem;
  border: 2px solid var(--text-send-button-color);
  display: flex;
  align-items: end;
  justify-content: center;
  padding: 1rem;
  width: 120px;
  height: 200px;
  color: var(--text-input-color);
  background-color: var(--dark-color);
}

.Xx7kC2xV {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5px;
  max-width: 4rem;
  width: 1rem;
  height: 1rem;
  right: 20%;
  top: 60%;
  border-radius: 50%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  color: var(--white-color);
  background-color: var(--orange-color);
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/News/ui/NewsModal/NewsModal.module.scss ***!
  \***************************************************************************************************************************************************************************/
.mALBd0U5 {
  border-radius: 12px;
  border: 2px solid var(--light-gold-color);
  padding: 32px 16px;
  position: absolute;
  width: 40%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: rgb(0, 19, 19);
}

.yE36Pf9l {
  width: 100%;
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  justify-content: center;
  border: none;
}

.I3IfY7gp {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

.DB_L_ZhT {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
}

.XxnYZKBw {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.k_kRXifg {
  width: fit-content;
  height: fit-content;
  font-size: 16px;
  font-weight: 700;
  color: var(--white-color);
  text-transform: uppercase;
  transition: color, opacity 0.3s ease-in;
}
.k_kRXifg:hover {
  opacity: 0.8;
  color: var(--light-gold-color);
}
.k_kRXifg:active {
  opacity: 1;
  color: var(--light-gold-color);
}
.k_kRXifg.yq7dZpBQ {
  margin-right: auto;
}
.k_kRXifg.F4MuSaD1 {
  margin-left: auto;
}

.MGxeyPhA {
  width: 100%;
  height: fit-content;
  font-size: 32px;
  line-height: normal;
  font-weight: 700;
  text-align: center;
  color: var(--text-input-color);
  flex: 0 0 auto;
}

.zDo8Da5j {
  width: 100%;
  min-height: 0;
  display: flex;
  justify-content: center;
  flex: 1 1 auto;
  overflow-y: auto;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
  color: var(--light-gold-color);
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/Background/ui/Background.module.scss ***!
  \***********************************************************************************************************************************************************************/
.z1xtgqmm {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  background: #000;
}

.jgk7j4Ja {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/ScaledFixed/ui/ScaledFixed.module.scss ***!
  \***************************************************************************************************************************************************************************/
@charset "UTF-8";
.roj9h6nQ {
  position: fixed;
  pointer-events: none;
  /* translate для центрирования по осям (не конфликтует со scale на .Inner) */
  transform: translate(var(--tx, 0), var(--ty, 0));
  z-index: var(--z-index, 10);
}

.eze8Zgls {
  transform-origin: top left;
  pointer-events: auto;
}

/* смещения по умолчанию */
:where(.roj9h6nQ) {
  --offset-x: 0px;
  --offset-y: 0px;
}

/* УГЛЫ */
.fDpOzxxN {
  top: var(--offset-y);
  left: var(--offset-x);
}

.wSEYGMNy {
  top: var(--offset-y);
  right: var(--offset-x);
}

.WPIr_J40 {
  bottom: var(--offset-y);
  left: var(--offset-x);
}

.aFRCLLWC {
  bottom: var(--offset-y);
  right: var(--offset-x);
}

/* ОДИНОЧНЫЕ ЯКОРЯ */
.tQ9oYcy6 {
  top: var(--offset-y);
  left: 50%;
  --tx: -50%;
}

.gugivlAj {
  right: var(--offset-x);
  top: 50%;
  --ty: -50%;
}

._sOPykzv {
  bottom: var(--offset-y);
  left: 50%;
  --tx: -50%;
}

.tqPhj8Wi {
  left: var(--offset-x);
  top: 50%;
  --ty: -50%;
}

/* ЦЕНТР */
.wSGOO3Jl {
  left: 50%;
  top: 50%;
  --tx: -50%;
  --ty: -50%;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/MainPage/components/InviteModal/ui/InviteModal.module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.RDcsq3e9 {
  position: relative;
  width: 866px;
  height: 696px;
  padding: 2rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: transparent;
}

.sK1xyIx9 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  z-index: -1;
}

.nPuG8hfR {
  margin-bottom: 3rem;
  font-size: 3.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.PynP9Sde {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2rem;
  max-height: 60%;
  overflow-y: auto;
}

.dJuxZeCI {
  font-size: 1.2rem;
}

.TLvkWoSw {
  border: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.zH6b5hp0 {
  border-radius: 12px;
  border: 2px solid #dac95d;
  padding: 0.5rem;
  width: 330px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
}
.zH6b5hp0 span {
  font-size: 64px;
  font-weight: 600;
  color: var(--dark-l1-color);
  line-height: 1;
}

.qIy8FjWn {
  margin-top: auto;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary-color);
  line-height: normal;
  text-align: center;
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

.fNGVlFFT {
  margin-top: -25px;
  font-size: 1.5rem;
  color: #9e3b43;
}

.l4SBYgE4 {
  position: absolute;
  border-radius: 15px;
  inset: 0;
  width: 100%;
  height: 100%;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/MainPage/ui/MainPage.module.scss ***!
  \*****************************************************************************************************************************************************************/
.sdKIpzsO {
  width: 100%;
  height: 100%;
  display: flex;
  padding-block: 3rem;
  padding-inline: 4rem;
  background: transparent;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
}

.ngFfUmPk {
  margin-bottom: 5rem;
}

.UuhFSfCq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.UJdwCSZb {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: var(--text-input-color);
}

.ntJO24SK {
  position: absolute;
  right: 50px;
  top: -110px;
  display: flex;
  flex-direction: row-reverse;
  align-items: start;
  justify-content: space-between;
  gap: 2.5rem;
}

.CguVulzQ {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.5rem;
  border-radius: 10px;
  padding: 1rem 2rem;
  width: 372px;
  height: 70px;
  color: var(--text-input-color);
  background: transparent;
  cursor: pointer;
  filter: none;
}
.CguVulzQ:before {
  margin-top: -4px;
  content: url(../assets/circle.cb0ed4b5ada89c134adb.png);
  width: 20px;
  height: fit-content;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/NotFoundPage/ui/NotFoundPage.module.scss ***!
  \*************************************************************************************************************************************************************************/
.s3qI958s {
  padding: 150px 0 150px 0;
  min-height: 100vh;
  font: normal 500 28px/1.2 sans-serif;
  color: #f7fbff;
  background: linear-gradient(180deg, var(--dark-l1-color) 0%, transparent 86.7%) 0 0 no-repeat, rgba(0, 0, 0, 0);
}
.ZU2FBFRv {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.VCRsP5eo {
  margin: 0 0 8px 0;
  color: var(--dark-color);
}
.ThTmydpK {
  margin: 0 0 16px 0;
}
.MtfYh73K {
  margin: 0 0 36px 0;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/MoveButton/MoveButton.module.scss ***!
  \********************************************************************************************************************************************************************/
.OX8TwfRi {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  aspect-ratio: 106/140;
  z-index: 10;
}
.OX8TwfRi:disabled {
  cursor: not-allowed;
}
.OX8TwfRi.tt_Ym__w {
  margin-right: auto !important;
}
.OX8TwfRi.gf_1Lbqo {
  margin-left: auto !important;
}

.EUPpFlB2 {
  width: 100%;
  object-fit: contain;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CharactersPage/ui/components/HeroItem.module.scss ***!
  \**********************************************************************************************************************************************************************************/
.KWwUpPC1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  width: 50%;
  text-transform: capitalize;
  background-color: rgba(235, 193, 112, 0.6);
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  cursor: default;
}
.KWwUpPC1:hover {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.T86PvOgF {
  position: absolute;
  left: -40px;
  top: 0;
  border: none;
  border-radius: 50%;
  transform: scale(1.3);
}

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

.F7ux5lu1, .FqFBYPpX {
  font: var(--font);
}

.F7ux5lu1 {
  font-size: 1.3rem;
}

.__LL0_Au {
  position: absolute;
  right: -30px;
  top: 50%;
  padding: 0;
  border: none;
  border-radius: 50%;
  display: flex;
  transform: translateY(-50%);
}

.TQnGGiXb {
  width: 100%;
  object-fit: contain;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CharactersPage/ui/CharactersPage.module.scss ***!
  \*****************************************************************************************************************************************************************************/
.b0AXnZkQ {
  width: 100%;
  height: 100%;
  display: flex;
  padding-block: 3rem;
  padding-inline: 4rem;
  background: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.dkoiZKZ0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 80%;
  overflow-Y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  cursor: inherit;
}

.ETD6dyRc {
  width: 80px;
  height: 80px;
  border: 1px solid orange;
  color: orange;
  cursor: inherit;
  z-index: 2;
}

.I8PzPJOy {
  border-radius: 1rem;
  border: 2px solid var(--text-input-color);
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  width: 300px;
  background-color: transparent;
  filter: none;
  transition: filter 0.2s ease-in-out;
}
.I8PzPJOy img {
  width: 60px;
  height: 60px;
}
.I8PzPJOy:hover {
  transition: filter 0.2s ease-in-out;
  filter: drop-shadow(0px 0px 3px var(--black-color)) drop-shadow(0px 0px 2px var(--black-color)) drop-shadow(0px 0px 1px var(--black-color));
}

.Eoff6Ar8 {
  width: fit-content;
}

.sg5nNpYY {
  bottom: 2.8rem;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Rectangle/ui/Rectangle.module.scss ***!
  \***********************************************************************************************************************************************************************/
.qKH9yU3o {
  width: 100%;
  height: auto;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/ProgressBar/ProgressBar.module.scss ***!
  \**********************************************************************************************************************************************************************/
.QsZRdgRs {
  width: 100%;
  height: 12px;
  background: transparent;
  border: 2px solid #acaf50;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.FdnhNUQH {
  height: 100%;
  background: #acaf50;
  transition: width 0.3s ease-in-out;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/TiktokModal/TiktokModal.module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.C0lAHVUx {
  position: relative;
  border-radius: 1rem;
  border: 2px solid #acaf50;
  padding: 2rem;
  width: 50%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #001312;
}

.DHdNSSwD {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #acaf50;
  width: 100%;
}
.DHdNSSwD h2 {
  padding: 1rem;
  font-size: 2.5rem;
  font-weight: 700;
  color: #d4bc75;
  text-transform: uppercase;
}

.TajFW0lU {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 2rem;
  flex-grow: 1;
  height: fit-content;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.CS1Lm84x, .q76qWH3J, .wOOOhUE6, .bWJ0t8e0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}

.qLeMCesp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.T2QyVIBl {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #d4bc75;
  text-decoration: underline;
  width: 100%;
}

.pOR1Vi58 {
  font-size: 1.5rem;
  text-align: center;
  color: #d4bc75;
  width: 100%;
}

.SR41ykpE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/entities/Dices/ui/DiceSkinCard/DiceSkinCard.module.scss ***!
  \**********************************************************************************************************************************************************************************/
.z26STg2X {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border: 2px solid transparent;
  background: #1d1d1d;
  border-radius: 1rem;
  cursor: pointer;
  transition: border 0.2s ease;
}
.z26STg2X:hover {
  border-color: #dac95d;
}

.jgHHnRxG {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.jRX9VAS2 {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.Y4flvTlJ {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: #dac95d;
  font-size: 1.5rem;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/DiceSkinsModal/DiceSkinsModal.module.scss ***!
  \*************************************************************************************************************************************************************************************************/
.jTgmKlXg {
  position: fixed;
  display: flex;
  border: 0.3rem solid #dac95d;
  margin: 0;
  padding: 1rem 4rem;
  width: 50%;
  max-height: 95vh;
  min-height: 50%;
}

.mslYlWPZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  gap: 3rem;
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.CiiR4oW8 {
  font-size: 2rem;
  color: #dac95d;
  margin-bottom: 1rem;
}

.xTBPYcYl {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.Z8qOQWQP {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.jRZ9fOut {
  border-radius: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40%;
  background: transparent;
}

.zMzmYVck {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.QOUEndZ2 {
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #dac95d;
}

.D_2E2MdE {
  position: absolute;
  bottom: 1rem;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #aaa;
  font-style: italic;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/RedeemCodeModal/RedeemCodeModal.module.scss ***!
  \***************************************************************************************************************************************************************************************************/
.ieol6uQO {
  position: relative;
  width: 866px;
  height: 696px;
  border-radius: 12px;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: transparent;
}

.YbvJ0f9q {
  margin-bottom: 3rem;
  font-size: 3.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.fVUNuxbR {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 60%;
  gap: 3rem;
  overflow-y: auto;
}

.dpu4xha6 {
  border: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.UopJWEzk {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  z-index: -1;
}

.U1x4EgHU {
  font-size: 26px;
}

.p9KQl9zv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  gap: 2rem;
  width: 353px;
  overflow: hidden;
}

._FpZvCce {
  border-radius: 12px;
  border: 2px solid var(--light-gold-color);
  padding: 0.4rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  background-color: transparent;
  color: #d4bc75;
  cursor: text;
}

.B5wkwSmq {
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--dark-l1-color);
  background-image: var(--btn-gradient);
  opacity: 0.8;
  outline: none;
  cursor: pointer;
}
.B5wkwSmq:hover, .B5wkwSmq:active {
  opacity: 1;
}
.B5wkwSmq:disabled {
  opacity: 0.5;
  background-color: rgba(212, 188, 117, 0.2);
  cursor: not-allowed;
}

.n5WkZCne, .VAnHZYgN {
  margin-top: -25px;
  font-size: 1.3rem;
  text-align: center;
}

.n5WkZCne {
  color: #86a549;
}

.VAnHZYgN {
  color: #9e3b43;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/CountdownTimer/ui/CountdownTimer.module.scss ***!
  \*******************************************************************************************************************************************************************************/
.LhNAizFC {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 16px 40px 20px;
  border-radius: 12px;
  background: #121617;
  border: 2px solid rgba(243, 221, 72, 0.5);
}

.yb4kKiGm {
  color: var(--light-gold-color);
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

.AjhCFVK5 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
}

.arncknZ0 {
  display: inline-flex;
  gap: 0.2rem;
}

.Pnc1c0Kb {
  padding: 8px 16px;
  border-radius: 8px;
  text-align: center;
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1;
  color: var(--dark-l1-color);
  background: var(--btn-gradient);
}

.ZEoDeOI7 {
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 1;
  color: var(--light-gold-color);
  text-shadow: 0 1px 0 #000;
  transform: translateY(-1px);
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/SubscriptionPurchase/SubscriptionPackItem/SubscriptionTierItem.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.WVP7ep2o {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.dTpAd2zm {
  display: flex;
  flex-direction: column;
  width: fit-content;
  align-items: center;
  gap: 0.5rem;
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

.siUWSvqk {
  width: 100%;
  height: 2px;
  background-color: #acaf50;
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

.LpFRihIA {
  font-size: 22px;
}

.lG7hEv8w {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.Ir4XBLdY {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 24px;
  width: 255px;
  height: 50px;
  background-image: var(--btn-gradient);
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}
.Ir4XBLdY span {
  font-size: 22px;
  font-weight: 600;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/SubscriptionPurchase/SubscriptionPurchaseModal.module.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.lUB5p17k {
  position: relative;
  width: 1238px;
  height: 696px;
  border-radius: 12px;
  padding: 2rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  background-color: transparent;
}

.nuZbgb_3 {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 3.1rem;
  line-height: 1;
  text-transform: uppercase;
}

.v0ft5xeu {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  overflow-y: auto;
}

.ZgeHnDZt {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 5;
  border: none;
  transform: translate(-50%, 50%);
}

.NZchi1VU {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  z-index: -1;
}

.CTsB_DqH {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 55%;
  background-color: #acaf50;
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

.uQXgNiXC {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 2rem;
}

.Se5knWpn {
  border-radius: 1rem;
  width: 40%;
  height: fit-content;
}

.AXdI6Dex {
  border: none;
  width: 100%;
  padding: 0.5rem;
  display: flex;
  align-items: start;
  justify-content: start;
}
.AXdI6Dex h2 {
  max-width: 100%;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #acaf50;
  text-shadow: -1px 1px 1px var(--black-color), -1px 1px 1px var(--black-color), 1px -1px 1px var(--black-color);
}

.Em3hvn1t {
  padding: 2rem;
  height: 100%;
}

.tCzkxoGq {
  width: 100%;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
}

.TPAawsQV {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2000;
  pointer-events: all;
}

.pz7c2NFB {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.pz7c2NFB img {
  width: 30%;
  height: auto;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/MessagePurchase/MessagePackItem/MessagePackItem.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.xbmUlA3m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.E2v7u9o9 {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 24px;
  width: 100%;
  height: 50px;
  background-image: var(--btn-gradient);
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}
.E2v7u9o9 span {
  font-size: 22px;
  font-weight: 600;
}

.oRH7WvzA {
  font-size: 92px;
  font-weight: 600;
  line-height: 1;
}

.RrUd_Eqo {
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
}

.cAMqoC8i {
  font-size: 1.8rem;
  text-align: right;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/MessagePurchase/MessagePurchaseModal.module.scss ***!
  \********************************************************************************************************************************************************************************************************/
.JSA6S9NF {
  position: relative;
  width: 1238px;
  height: 696px;
  border-radius: 12px;
  padding: 2rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  background-color: transparent;
}

.xcum1_nL {
  border: none;
  padding: 0;
  margin: 0;
  font-size: 3.1rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.DbSt0jDU {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50%;
  gap: 1rem;
}

.t1BUs8la {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 5;
  border: none;
  transform: translate(-50%, 50%);
}

.xc_3rME0 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
  z-index: -1;
}

.SaG4B9JT {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.WVbZaCBk {
  width: 1px;
  align-self: stretch;
  background-color: #acaf50;
  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.76)) drop-shadow(0px 0px 1px var(--black-color)) drop-shadow(1px 1px 1px var(--black-color));
}

.e5S7Gj6C {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 2000;
  pointer-events: all;
}

.umfamAc6 {
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
}
.umfamAc6 img {
  width: 30%;
  height: auto;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Divider/DividerLine.module.scss ***!
  \********************************************************************************************************************************************************************/
.PT1SO2hH.xIEQGw9F {
  width: 100%;
  height: 2px;
}
.PT1SO2hH.fF2Hglom {
  width: 2px;
  height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/components/ProfileLimitsModal/ProfileLimitsModal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.NauGxLit {
  position: fixed;
  display: flex;
  bottom: -5px;
  border-radius: 20px 20px 0 0;
  border: 0.3rem solid #dac95d;
  margin: 0;
  padding: 1rem 4rem;
  width: 50%;
  max-height: 95vh;
  min-height: 50%;
}

.QIxsgUDv {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  gap: 3rem;
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ucAI9VOp, .bq_IM2e2, .dpN3KKFh {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 1rem;
  width: 80%;
}

.cCNCQ31e {
  align-self: center;
  font-size: 2rem;
  font-weight: 300;
  color: #dac95d;
}

.goF_saWM {
  font-size: 1.5rem;
  color: #dac95d;
  font-weight: 300;
  width: 100%;
  white-space: nowrap;
}

.cDAQdWtK {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  width: 100%;
}

.kkrvNOMU {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.kkrvNOMU img {
  width: 40px;
  height: 40px;
}

.rnnpysRc {
  margin-top: 10px;
  height: 4px !important;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/ProfilePage/ui/ProfilePage.module.scss ***!
  \***********************************************************************************************************************************************************************/
.WDcPPDH8 {
  width: 100%;
  height: 100%;
  display: flex;
  padding-block: 3rem;
  padding-inline: 4rem;
  background: transparent;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.WDcPPDH8 p {
  color: #acaf50;
}

.tGsHTz66 {
  width: 40px;
}

.LwskFlp7 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-shadow: none;
  color: var(--dark-l1-color);
}

.xtNqkNeF, .ZkLXC6Cs {
  border-radius: 1.5rem;
  border: 2px solid #acaf50;
  padding: 2rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 85%;
  width: 100%;
  height: auto;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  background: transparent;
  box-shadow: 0 0 10px 0.2rem var(--black-color);
  z-index: 2;
  cursor: pointer;
}

.ZkLXC6Cs {
  position: relative;
}

.fHqDkFjZ {
  border-radius: 0 0 1rem 1rem;
  padding: 1rem 0.5rem;
  max-width: 50%;
  width: 60%;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #b1b158 0%, #b1b158 20%, #d4bd68 50%, #b1b158 80%, #b1b158 100%);
  z-index: 1;
  white-space: nowrap;
  cursor: pointer;
}
.fHqDkFjZ p {
  font-size: 1rem;
  line-height: 1;
  color: var(--dark-l1-color);
}

.sfjIYVpU {
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60%;
}

.EP0VW7te {
  width: 4rem;
  height: 4rem;
  z-index: 1;
  color: #dac95d;
}

.tZUBUtYW {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.f3tBs1sT, .uruKREdn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.f3tBs1sT {
  flex-grow: 1;
}

.uruKREdn {
  min-width: 35%;
  justify-content: stretch;
}

.lvYPEGiH {
  position: absolute;
  border-radius: 1.3rem;
  border: none;
  inset: 0;
  height: 100%;
}

.cwVwzrTu {
  background-color: #ae0000;
}

.Ru89MVOS {
  overflow-wrap: normal;
  white-space: nowrap;
}

.fksoE4Dx {
  display: flex;
  align-items: center;
  gap: 2rem;
  z-index: 1;
  width: 100%;
}

.wiyiXpOj {
  font-size: 1.5rem;
  width: 50%;
}

.JMrfPdf7 {
  border-radius: 1rem;
  border: 3px solid #dac95d;
  padding: 1rem 2rem;
  width: 360px;
  font-size: 1.3rem;
  text-transform: uppercase;
  background: transparent;
  color: #acaf50;
  cursor: pointer;
}

.NrVp9Prr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.EJ74aZee {
  font-size: 1.5rem;
  align-self: auto;
}

.mQPNdLSx {
  display: flex;
  width: 100%;
  gap: 1rem;
}

.uSJcvWyf {
  border: 2px solid #acaf50;
  border-radius: 10px;
  width: 280px;
  height: 200px;
  text-transform: uppercase;
  font-size: 1rem;
  color: #dac95d;
  background-color: transparent;
  cursor: pointer;
}
.uSJcvWyf:disabled {
  cursor: not-allowed;
}
.uSJcvWyf:disabled svg {
  width: 20%;
  height: 20%;
}

.iT4m8Jr5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  z-index: 1;
}
.iT4m8Jr5 p {
  color: #9c9d7f;
}

.t2axvaR0 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
}

.bTn2FsoL {
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.pSEtqw1D {
  border-radius: 1rem;
  border: 2px solid #acaf50;
  padding: 0.8rem 1rem;
  width: clamp(220px, 18vw, 360px);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v3K_zE5M {
  bottom: 3rem;
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreditsPage/ui/CreditsPage.module.scss ***!
  \***********************************************************************************************************************************************************************/
.Zv3hMjWE {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem 3rem;
  color: #e0cf5e;
  gap: 1.5rem;
  overflow-y: auto;
}

.BjseXrFU {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.m30IseBi {
  text-transform: uppercase;
  border-bottom: 4px solid #e0cf5e;
  height: auto;
  font-size: 2.5rem;
  line-height: 1;
  z-index: 1;
}

.TmH2il1b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  height: 65%;
}

.mUj_2eW6 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #e0cf5e;
}

.hBZhiTkR {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  overflow: auto;
  z-index: 1;
}

.icrNJ5K3 {
  color: #bebc02;
}

.t0EXADnm {
  color: #05cbcd;
}

.Vy06ap3b {
  color: #a47c03;
}

.KB6AHh9x {
  width: 50%;
  text-align: center;
}

.XCNuRQ_S {
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  filter: none;
  background-color: transparent;
  text-transform: uppercase;
}

.kQgmYJJ3 {
  margin-top: auto;
  max-width: 90%;
  font-size: 1.6rem;
  text-align: center;
  z-index: 1;
}
/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Select/Select.module.scss ***!
  \**************************************************************************************************************************************************************/
.eXu4wq7K {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  color: #fff;
}

.xCDEXdrZ {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 568px;
  width: 100%;
  min-height: 100px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 25%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
}
.xCDEXdrZ svg {
  position: absolute;
  right: 30px;
  top: 50%;
  color: var(--text-input-color);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
}

.vNErv3hb {
  font-size: 1.6rem;
  text-transform: capitalize;
}

.jno9rzrr {
  aspect-ratio: 568/19;
  position: absolute;
  height: 19px;
  z-index: 1000;
}
.jno9rzrr:first-child {
  top: -9.5px;
}
.jno9rzrr:last-child {
  bottom: -9.5px;
}

.bbo8P0Rh {
  padding: 0.5rem;
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 2000;
  background-color: #555555;
  opacity: 0.9;
}

.cJZseI9I {
  border-radius: 5px;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  text-align: center;
  color: var(--white-color);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cJZseI9I.HaBgyfSK {
  cursor: not-allowed;
  color: grey;
}
.cJZseI9I:hover {
  background-color: var(--light-grey-color);
  opacity: 1;
  color: #acaf50;
  transition: all 0.4s ease-in-out;
}

.dHjN2OHj {
  position: fixed;
  inset: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/StepTitle/StepTitle.module.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.de9eCxub {
  font-size: 2rem;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .de9eCxub {
    font-size: 1.6rem;
  }
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/FighterStyleStep/FighterStyleStep.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.Htmkdyiy {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.Ua5CegU2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: fit-content;
}

.j52zQKLa {
  width: 60%;
}

.hg0ZzNdS {
  margin-top: -1rem;
  max-width: 50%;
  font-size: 24px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/AttributesStep/components/AttributePicker.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.c7BjjB1Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  gap: 0.5rem;
}

.wf69WG5L {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.l8HnRbX7 {
  display: flex;
  width: fit-content;
}

.qIXHkl76 {
  width: fit-content;
  font-size: 2rem;
  font-weight: bold;
  color: var(--text-input-color);
  text-transform: capitalize;
}

.wLvKzQ1R {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.HUMqC7Lf {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HUMqC7Lf:disabled {
  cursor: not-allowed;
}

.E_kw_UgG, .LTfwLQ4L {
  width: 30px;
  height: 30px;
}

.zHbBrhYi {
  font-size: 1.5rem;
  min-width: 2.2rem;
}

.HYZBrjKp {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 300;
  color: var(--text-input-color);
  text-align: left;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/AttributesStep/AttributesStep.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.tOVBda3P {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 1rem;
}

.tciOUWPa {
  font-size: 2rem;
  font-weight: 300;
}

.Q_KtrDzh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-height: 0;
  overflow-y: scroll;
}

.VLHg9mk4 {
  align-self: flex-end;
  border-radius: 10px;
  width: 10%;
  height: fit-content;
  padding: 0.5rem;
  color: var(--dark-l1-color);
  background: var(--text-input-color);
}

.pRESLF3z {
  align-self: center;
  aspect-ratio: 568/19;
  max-width: 60%;
  height: 19px;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/IntroStep/Intro.module.scss ***!
  \*************************************************************************************************************************************************************************************************/
.ClJus3Pu {
  display: flex;
  flex-direction: column;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/BiomeStep/Biome.module.scss ***!
  \*************************************************************************************************************************************************************************************************/
.waPj7ViM {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 100%;
}

.T7WIfQW9 {
  white-space: pre-line;
}

.gFMJ5JQS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
}

.GQk9AEeE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 0.5rem;
  border: 2px solid #dac95d;
  padding: 0.5rem 1rem;
  width: 60%;
  background: transparent;
  cursor: pointer;
}

.Cww2sngT {
  filter: none;
  text-shadow: none;
  font-size: 2rem;
  font-weight: 400;
  color: #dac95d;
}

.IZgPq_4f {
  border: none;
  border-radius: 100%;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  color: #dac95d;
  font-size: 1rem;
  font-weight: 300;
  background: transparent;
  cursor: pointer !important;
}

.nAP3T5ab {
  background: #dac95d;
  color: var(--dark-l1-color);
  cursor: default;
}

.rseb9L4M {
  border-radius: 1.5rem;
  border: 3px solid #e3cf5f;
  padding: 1.5rem;
  min-width: 600px;
  min-height: 300px;
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #001312;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.qeA2vKrf, ._SPC52rw, .M6qEJBlV {
  width: 100%;
  border: none;
}

._SPC52rw {
  display: flex;
  align-items: center;
  justify-content: center;
}
._SPC52rw h2 {
  font-size: 2.5rem;
  font-weight: 400;
  color: #dac95d;
}

.qeA2vKrf {
  height: fit-content;
  overflow-y: scroll;
  scrollbar-width: none;
}
.qeA2vKrf p {
  font-size: 1.5rem;
  font-weight: 300;
  color: #dac95d;
}

.d43vpWGE {
  border-radius: 0.3rem;
  border: 2px solid #dac95d;
  outline: none;
  margin: 0;
  width: 4rem;
  height: 2rem;
  background: #dac95d;
  font-size: 1rem;
  font-weight: 300;
  color: var(--dark-l1-color);
  text-transform: uppercase;
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/ClassStep/components/ClassCard/components/CarouselButtons/ui/CarouselButtons.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.nMPjjFQ0, .gSw3VY4t {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 80px;
  background: transparent;
  cursor: pointer;
  z-index: 10;
}

.nMPjjFQ0 {
  left: -95px;
}

.gSw3VY4t {
  right: -95px;
}

.zoRHrRtH {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/ClassStep/components/ClassCard/components/ClassTitle/ui/ClassTitle.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.bICkaWz8 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 1.2rem;
  margin: 0 auto;
  width: 50%;
}

.qT11vI4U {
  border-bottom: 2px solid #a59849;
  padding-bottom: 0.7rem;
  width: fit-content;
  font-size: 64px;
  text-transform: uppercase;
}

.HHgK6Al5 {
  margin-bottom: 0.7rem;
  width: 30px;
  height: 30px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/ClassStep/components/ClassCard/ClassCard.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.C3a8KYwx {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rikrTMGC {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  object-fit: contain;
}

.wiYsJH2j {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 2rem 3rem;
  z-index: 2;
  gap: 2rem;
}

.TFyNmuue {
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
  height: 100%;
  gap: 2rem;
  overflow-y: auto;
}

.vHYwWMF0 {
  font-size: 32px;
  font-weight: bold;
}

.EOl4yKOn {
  color: #b3ab5b;
  font-size: 32px;
  text-align: left;
}

.uFPiXuYe {
  color: #8d873d;
  font-size: 32px;
  text-align: left;
}

.qcVyOEX4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.eUxvHuyv {
  color: #a2a748;
  font-size: 36px;
  text-align: left;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/ClassStep/ClassStep.module.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.GaCvtpFH {
  font-size: 2rem;
}

.sUxz9qUT {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

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

.REAAW1ae {
  position: relative;
  aspect-ratio: 1914/969;
  height: 100%;
}

.n29qckOZ {
  height: 100%;
}

.MUGFf2tY {
  position: relative;
  width: 100%;
  height: 100%;
}

.GkDsU_T5 {
  display: flex;
  flex-direction: column;
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/shared/ui/Input/Input.module.scss ***!
  \************************************************************************************************************************************************************/
.X8EVbQ1x {
  position: sticky;
  z-index: 9;
  border-radius: 12px;
  border-style: none;
  border-color: var(--border-input-color);
  border-width: 0;
  margin: 0px -10px 0px 0px;
  padding: 6px 60px 6px 50px;
  grid-column: 1/1;
  width: 100%;
  height: 9vh;
  mix-blend-mode: normal;
  background-color: transparent;
  background-position: center;
  background-size: 100% 9vh;
  background-repeat: no-repeat;
  color: var(--text-input-color);
  filter: drop-shadow(0px 0px 3px var(--black-color)) drop-shadow(0px 0px 4px var(--black-color)) drop-shadow(0px 0px 2px var(--black-color));
  text-shadow: 1px 1px 1px var(--dark-l1-color);
  pointer-events: auto;
  cursor: text;
  outline: none;
}
.X8EVbQ1x::placeholder {
  color: var(--light-grey-color);
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/NameStep/NameStep.module.scss ***!
  \***************************************************************************************************************************************************************************************************/
.wq3Bfx7y {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 100%;
}

.vNuqVWOS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 80%;
}

.UTDSWFRj {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  width: 80%;
}

.IRsyIbaj {
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.PSLqb77R {
  font-size: 1.3rem;
  font-weight: 300;
  width: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
}

.eruekmVz {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.eruekmVz .PSLqb77R {
  text-align: left;
}

.OBp3_0zw {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
  gap: 0.5rem;
}
.OBp3_0zw .PSLqb77R {
  text-align: right;
  text-transform: capitalize;
}

.DNQ5Y49w, .w3WEwEyX, .AYG9W5Ix {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 80%;
}

.w3WEwEyX {
  margin-top: auto;
  gap: 1rem;
}

.vMANxKQU {
  padding: 0.5rem 0;
  position: relative;
  display: flex;
  align-items: center;
  width: 568px;
  height: auto;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 25%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
}

.PQyPLL6n {
  filter: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: fit-content;
}
.PQyPLL6n::placeholder {
  font-size: 1.2rem;
  font-weight: 300;
  color: #dead4c;
}

.ZppEBdrB, .i3qZdjYc {
  position: absolute;
  aspect-ratio: 568/19;
  height: 19px;
  z-index: 2;
}

.ZppEBdrB {
  top: -9.5px;
}

.i3qZdjYc {
  bottom: -9.5px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/ProficientSkillsStep/ProficientSkillsStep.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.tKS9dyz9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.X_wJ_fjx {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: fit-content;
}

.HlQs0R0o {
  width: 60%;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/RaceAndGenderStep/RaceAndGenderStep.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.btagRgIY {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.k8XI5LXV {
  width: 60%;
}

.wDzg_DGc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.F9omSvmo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  background-color: var(--dark-l1-color);
  opacity: 0.9;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.BI7G3BEm {
  padding: 5px 10px;
  font-size: 32px;
  cursor: default;
  transition: all 0.3s ease-in-out;
}
.BI7G3BEm:hover {
  background-color: var(--light-grey-color);
  opacity: 1;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/RogueExpertiseStep/RogueExpertiseStep.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
._lozxu4M {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.yhp6v1sI {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}

.oG2zIK4O {
  width: 60%;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/WarlockInvocationStep/WarlockInvocationStep.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.SV1yL_Wr {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 100%;
}

.KYcuwVWv {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}

.FhOjjLdY {
  width: 60%;
}

.NinrbJn5 {
  width: 60%;
  font-size: 1.5rem;
  font-weight: 300;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/WarlockSpellsStep/WarlockSpells.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.ZciBCJ6c {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  width: 100%;
  height: 100%;
}

.w0HwHYKO, .jGt9FHyP {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.TJU3aaQy {
  width: 60%;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/QuickStartStep/QuickStartStep.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.etfibfia {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .etfibfia {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
}

.EUkU5lHo {
  font-size: clamp(1.6rem, 6vw, 2rem);
  width: 100%;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
}

.uKYEAkA1 {
  display: flex;
  flex-direction: column;
  width: 50%;
  gap: 1rem;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .uKYEAkA1 {
    width: 100%;
  }
}

.KRqu8ijo {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  width: 100%;
  overflow-y: auto;
  gap: 3rem;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .KRqu8ijo {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
  }
}

.Kayvnwe9 {
  position: relative;
  border-radius: 10px;
  border: 2px solid var(--text-input-color);
  padding: 0.4rem 0 0.4rem clamp(100px, 10vw, 150px);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 0.5rem;
  width: 100%;
  font-size: 1.5rem;
  color: var(--text-input-color);
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
}
.Kayvnwe9:hover {
  transition: filter 0.3s ease-in-out;
  filter: drop-shadow(0px 0px 3px var(--black-color)) drop-shadow(0px 0px 2px var(--black-color)) drop-shadow(0px 0px 1px var(--black-color));
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .Kayvnwe9 {
    width: 45%;
  }
}

.hi1IJlWr {
  position: absolute;
  left: calc(clamp(100px, 10vw, 150px) / 4);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(100px, 10vw, 150px);
  z-index: 20;
}

.GJHOSLWS,
.M3_mfTUv {
  font-size: clamp(1.6rem, 4vw, 2rem);
  max-width: 70%;
  text-align: left;
}

.M3_mfTUv {
  font-size: 1.2rem;
}

.JZCBe6yU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 40%;
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .JZCBe6yU {
    flex-direction: row;
    width: 100%;
  }
  .JZCBe6yU:first-child {
    width: 60%;
  }
  .JZCBe6yU:last-child {
    width: 30%;
  }
}

.KOMaY3_F {
  border-radius: 10px;
  border: 2px solid var(--text-input-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 60vw;
  font-size: 1.3rem;
  color: var(--text-input-color);
  transition: filter 0.3s ease-in-out;
}
.KOMaY3_F img {
  width: 100px;
  height: auto;
  object-fit: contain;
}
.KOMaY3_F:hover {
  transition: filter 0.3s ease-in-out;
  filter: drop-shadow(0px 0px 3px var(--black-color)) drop-shadow(0px 0px 2px var(--black-color)) drop-shadow(0px 0px 1px var(--black-color));
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/components/steps/AppearanceBioStep/AppearanceBioStep.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.rkzuW89_ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

._0iSi0GS, .tpH6GccA {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
}

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

.kW4KvYSe, .JhAUT8ve {
  position: absolute;
  max-width: 80%;
  z-index: 2;
}

.kW4KvYSe {
  top: -9.5px;
}

.JhAUT8ve {
  bottom: -9.5px;
}

.EBpdA1Vd {
  padding: 1rem;
  max-width: 60%;
  width: 80%;
  min-height: 6rem;
  max-height: 15rem;
  resize: none;
  font-size: 2rem;
  color: #d4bc75;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 25%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 75%, rgba(0, 0, 0, 0) 100%);
  text-align: center;
  scrollbar-width: none;
}
.EBpdA1Vd::placeholder {
  text-align: center;
  vertical-align: middle;
}

.JLApZwK9 {
  border: 1px solid var(--orange-l1-color);
  max-width: 400px;
  padding: 10px;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/CreateCharacterPage/ui/CreateHeroPage.module.scss ***!
  \**********************************************************************************************************************************************************************************/
.YG050J9R {
  width: 100%;
  height: 100%;
  display: flex;
  padding-block: 3rem;
  padding-inline: 4rem;
  background: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: var(--text-input-color);
}

.lPb1aviQ {
  width: 80%;
  text-align: center;
}

.uHdou0F8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: 100%;
  min-height: 60%;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 1rem;
}

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

.IDHLNCbK {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(246, 217, 127, 0.3);
}
.IDHLNCbK:disabled {
  background-color: transparent;
}
.IDHLNCbK img {
  width: 100%;
  object-fit: contain;
}

.QfZypd0R {
  width: fit-content;
  text-transform: uppercase;
  color: var(--text-input-color);
}

.xEHhZsny {
  bottom: 3rem;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/pages/MobileBrowserPage/ui/MobileBrowserPage.module.scss ***!
  \***********************************************************************************************************************************************************************************/
.eZJl_2O7 {
  width: 100wv;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 10rem 16px 32px;
  background-color: var(--modal-bg-color);
}

.MuwVdyOu {
  align-self: stretch;
  color: #D4BC75;
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.yQ0DBs3S {
  align-self: stretch;
  color: var(--white-color);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.XF8JTsI7 {
  margin-top: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.f2nS48Xs {
  color: var(--white-color);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.TZgxX30b {
  color: var(--modal-bg-color);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.t50pifGA {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.t50pifGA:focus {
  color: var(--light-gold-color);
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/widgets/PageError/ui/PageError.module.scss ***!
  \*********************************************************************************************************************************************************************/
.HSFBbkPF {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/features/ChatExport/ui/components/Spinner/ui/Spinner.module.scss ***!
  \*******************************************************************************************************************************************************************************************/
.MBvd_yGO {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.pKnSFyrl {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top: 4px solid #dac95d;
  border-radius: 50%;
  animation: EAoG8Xnq 1s linear infinite;
}

@keyframes EAoG8Xnq {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/features/ChatExport/ui/icons/Icons.module.scss ***!
  \*************************************************************************************************************************************************************************/
@keyframes QY6N_Fce {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.oXS8KrmX {
  animation: QY6N_Fce 1s linear infinite;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/features/ChatExport/ui/ChatExportModal.module.scss ***!
  \*****************************************************************************************************************************************************************************/
.Rn4Dzb8Q {
  position: fixed;
  bottom: -5px;
  border-radius: 20px 20px 0 0;
  border: 0.3rem solid #dac95d;
  margin: 0;
  padding: 1rem;
  width: 80%;
  height: fit-content;
  min-height: 50%;
}

.VMQAyG_R {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}

.vDN136wD {
  border: none;
  border-radius: 10px;
  padding: 1rem;
  width: 100%;
  font-size: 1.5rem;
  cursor: pointer;
  outline: none;
  background: #dfce5e;
  transition: all 0.3s ease-in-out;
}
.vDN136wD:hover {
  background: #c0b24a;
  box-shadow: 10px 10px 10px #000;
  transition: all 0.3s ease-in-out;
}

.jJ3Dr2tD {
  width: 1.5rem;
  height: 1.5rem;
  background: transparent;
  color: black;
}

.OOkOAEvi {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

._xIBxd27 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  background: transparent;
}
._xIBxd27 svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: white;
}

.QxCC7G9w {
  border-radius: 10px;
  border: 0.2rem solid #dac95d;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 100%;
}

.lzx3PZG7 {
  display: inline-block;
  color: #555555;
  text-decoration: none;
  max-width: 70%;
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.lzx3PZG7:hover {
  color: #dac95d;
  transition: all 0.3s ease-in-out;
}

.yaaNuSh3 {
  border-radius: 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  padding: 0.5rem;
  background: #dac95d;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.yaaNuSh3:hover {
  background: #c0b24a;
  box-shadow: 2px 2px 10px #000;
  transition: all 0.3s ease-in-out;
}

.mak_2RDn {
  border-radius: 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  padding: 0.5rem;
  background: red;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.mak_2RDn:hover {
  background: #9e2929;
  box-shadow: 2px 2px 10px #000;
  transition: all 0.3s ease-in-out;
}

.SCdtsAsh {
  color: red;
  font-size: 14px;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/app/styles/index.scss ***!
  \************************************************************************************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* Chrome, Edge, Safari */
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
*::-webkit-scrollbar {
  width: 1vw;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  border: 1px solid transparent;
  background-clip: content-box;
}

li {
  list-style-type: none;
}

input,
button,
textarea,
select {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: default;
}

svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  pointer-events: none;
}

button {
  border: none;
  outline: none;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

@font-face {
  font-family: "Beaufort";
  src: url(../assets/Beaufort-Bold.0084e2791f988f1c0a35.woff2) format("woff2");
  font-weight: 700; /* Bold */
  font-style: normal;
}
@font-face {
  font-family: "Beaufort";
  src: url(../assets/Beaufort-Medium.e27c55b91f410efd1f61.woff2) format("woff2");
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: "Beaufort";
  src: url(../assets/Beaufort-Regular.3376ad53d762730fc6c7.woff2) format("woff2");
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: "Beaufort";
  src: url(../assets/Beaufort-Light.347e2cb73ce9bdbb1449.woff2) format("woff2");
  font-weight: 300; /* Light */
  font-style: normal;
}
@font-face {
  font-family: "Bahnschrift";
  src: url(../assets/Bahnschrift.af790b85620119d2c43d.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
:root {
  --font-family-main: "Beaufort", sans-serif;
  --font-family-second: "Bahnschrift", sans-serif;
  --font-size: 20px;
  --font-line: 30px;
  --font: var(--font-size) / var(--font-line) var(--font-family-main);
  --white-color: #fff;
  --black-color: #000;
  --red-color: #ff0000;
  --dark-color: #04080c;
  --main-dark-color: #080c0d;
  --dark-l1-color: #0e1317;
  --dark-l2-color: #121617;
  --grey-color: #797b7b;
  --secondary-color: #7d7c76;
  --light-grey-color: #d3d3d3;
  --orange-color: #ffa500;
  --orange-l1-color: #ed8136;
  --light-gold-color: #e0d08e;
  --gradient-first-color: #dbd883;
  --gradient-second-color: #e9d66b;
  --gradient-third-color: #aab841;
  --grey-icon-color: var(--grey-color);
  --modal-bg-color: var(--dark-l2-color);
  --base-gradient: linear-gradient(
                  180deg,
                  var(--gradient-first-color) 0%,
                  var(--gradient-second-color) 25.48%,
                  var(--gradient-third-color) 91.83%
  );
  --grey-gradient: linear-gradient(
                  180deg,
                  var(--grey-color) 0%,
                  var(--grey-color) 25.48%,
                  var(--grey-color) 91.83%
  );
  --main-hover-gradient: linear-gradient(
                  90deg,
                  rgba(243, 221, 72, 0.10) -23.28%,
                  rgba(243, 221, 72, 0.00) 59.23%
  );
  --hover-gradient: linear-gradient(
                  180deg,
                  var(--hover-btn-color) 0%,
                  var(--hover-btn-color) 25.48%,
                  var(--hover-btn-color) 91.83%
  );
  --primary-hover-gradient: linear-gradient(
                  180deg,
                  #bdba65 0%,
                  #cbb84d 25.48%,
                  #8c9a23 91.83%
  );
  --outlined-hover-gradient: linear-gradient(
                  180deg,
                  rgba(219, 216, 131, 0.10) 0%,
                  rgba(233, 214, 107, 0.10) 25.48%,
                  rgba(170, 184, 65, 0.10) 91.83%
  );
  --focus-gradient: linear-gradient(
                  180deg,
                  var(--focus-btn-color) 0%,
                  var(--focus-btn-color) 25.48%,
                  var(--focus-btn-color) 91.83%
  );
  --btn-gradient: var(--base-gradient);
  --modal-gradient: var(--base-gradient);
  --hover-item-gradient: var(--main-hover-gradient);
  --text-input-color: #d8ab54;
  --border-input-color: #ff7c22;
  --text-button-color: var(--orange-l1-color);
  --text-send-button-color: #f6ab59;
  --active-send-button-color: #d8b575;
  --hover-btn-color: #e0d08e;
  --focus-btn-color: #ae9e5c;
  --font-line-m: 24px;
  --font-line-l: 32px;
  --font-line-xl: 40px;
}

html {
  font: var(--font);
}

body {
  color: var(--black-color);
}