/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Header/Header.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_container__1Ty7J {
  max-width: 1440px;
  padding: 24px 64px;
  margin: 0 auto;
}

.Header_authLinks__kBHdc {
  text-align: right;
  white-space: nowrap;
}

.Header_menu__qfyTh {
  display: flex;
  gap: 30px;
}
.Header_menu__qfyTh a {
  flex-shrink: 0;
}

.Header_root__FANV6 {
  position: fixed;
  font-size: 16px;
  line-height: 26px;
  font-weight: var(--fontWeightBold);
  z-index: 10;
  inset: 0 0 auto 0;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.Header_root__FANV6.Header_mobile__eJiCu .Header_container__1Ty7J {
  padding-right: 10px;
  padding-left: 24px;
}
.Header_root__FANV6.Header_mobile__eJiCu .Header_logo__lqHyt {
  height: 32px;
  width: auto;
}
.Header_root__FANV6:not(.Header_mobile__eJiCu) .Header_container__1Ty7J {
  height: 88px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Header/components/BurgerMenu/BurgerMenu.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BurgerMenu_container__cn9lu {
  color: var(--black-500);
  font-size: var(--fontSizeM2);
  font-weight: var(--fontWeightBold);
  background: var(--white) !important;
  padding: 24px;
}

.BurgerMenu_crossIcon__eKez9 {
  --iconColor: var(--black-500);
  width: 32px;
  height: 32px;
}

.BurgerMenu_logo__pLSd_ {
  --iconColor: var(--black-500);
  height: 32px;
}

.BurgerMenu_links__7g5XI,
.BurgerMenu_authLinks__1r4_A,
.BurgerMenu_socials__sOBUz {
  margin-top: 60px;
}

.BurgerMenu_icon__0gUTv {
  cursor: pointer;
}

.BurgerMenu_menu__Bv1mw {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}

.BurgerMenu_content__oT_OX {
  padding: 40px 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.BurgerMenu_logoBottom__Xmbpg {
  margin-top: auto;
  font-size: 32px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.BurgerMenu_logoBottom__Xmbpg .BurgerMenu_logo__pLSd_ {
  height: 40px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Modal/Modal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Modal_overlay__KnZFr {
  position: absolute;
  inset: 0;
  background: rgba(233, 234, 237, 0.65);
  -webkit-backdrop-filter: blur(12.5px);
          backdrop-filter: blur(12.5px);
}

.Modal_container__0CYUw {
  position: relative;
  background: var(--white);
  overflow: auto;
}

.Modal_icon__gzBTW {
  --iconColor: var(--grey1);
  position: absolute;
  right: 22px;
  top: 22px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  z-index: 10;
}

.Modal_root__9VFM7 {
  display: none;
  position: fixed;
  inset: 0;
}
.Modal_root__9VFM7.Modal_open__sZU9L {
  display: flex;
  z-index: 1000;
}
.Modal_root__9VFM7:not(.Modal_fullScreen__z5iLi).Modal_open__sZU9L {
  justify-content: center;
  align-items: center;
}
.Modal_root__9VFM7:not(.Modal_fullScreen__z5iLi) .Modal_container__0CYUw {
  border-radius: 8px;
  padding: 20px;
  max-height: 90vh;
  max-width: 90vw;
}
.Modal_root__9VFM7.Modal_fullScreen__z5iLi .Modal_container__0CYUw {
  width: 100%;
  min-height: 100vh;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Alert/Alert.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Alert_closeIcon__qgt2G {
  cursor: pointer;
}

.Alert_root__D0xmZ {
  --iconColor: var(--white);
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 1048px;
  max-width: 90vw;
  color: var(--white);
  font-size: var(--fontSizeS);
  border-radius: 6px;
  z-index: 2000;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 16px 32px;
}
.Alert_root__D0xmZ.Alert_success__I6To8 {
  background: var(--green1alpha70);
}
.Alert_root__D0xmZ.Alert_warning__augBC {
  background: var(--red1alpha70);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Button/Button.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_root__6x15K {
  border: none;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: var(--baseTransition);
}
.Button_root__6x15K.Button_m__xYuSI {
  height: 24px;
}
.Button_root__6x15K.Button_m2__v1DNq {
  height: 32px;
}
.Button_root__6x15K.Button_l__ErN65 {
  height: 40px;
}
.Button_root__6x15K.Button_l2__Ks80L {
  height: 48px;
}
.Button_root__6x15K.Button_xl__doxYq {
  height: 56px;
}
.Button_root__6x15K.Button_primary__8ZICM {
  color: var(--white);
  background: var(--black-500);
}
.Button_root__6x15K.Button_secondary__BeTb2 {
  color: var(--dark-grey-500);
  background: var(--grey-100);
}
.Button_root__6x15K.Button_tiffany__aht1w {
  color: var(--white);
  background: var(--tiffany-500);
}
.Button_root__6x15K.Button_text__FcN3u {
  color: var(--black);
  background: transparent;
  font-weight: var(--fontWeightBold);
}
.Button_root__6x15K:not(.Button_reset__9h8dT) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--buttonHorizontalPadding, 32px);
  border-radius: 4px;
}
.Button_root__6x15K:not(.Button_reset__9h8dT).Button_m__xYuSI, .Button_root__6x15K:not(.Button_reset__9h8dT).Button_m2__v1DNq {
  border-radius: var(--borderRadius, 8px);
}
.Button_root__6x15K:not(.Button_reset__9h8dT).Button_l__ErN65, .Button_root__6x15K:not(.Button_reset__9h8dT).Button_l2__Ks80L, .Button_root__6x15K:not(.Button_reset__9h8dT).Button_xl__doxYq {
  border-radius: var(--borderRadius, 16px);
}
.Button_root__6x15K.Button_reset__9h8dT {
  background: transparent;
  padding: 0;
}
.Button_root__6x15K.Button_inherit__eunPq {
  background: inherit;
  padding: 0;
  font-weight: var(--fontWeightBold);
}
.Button_root__6x15K.Button_white__vl8GF {
  color: var(--black-500);
  background: var(--white);
}
.Button_root__6x15K.Button_tiffany__aht1w {
  padding: 0 var(--buttonHorizontalPadding, 0);
  font-weight: var(--fontWeightBold);
}
.Button_root__6x15K.Button_fullWidth__PKp_s {
  width: 100%;
}
.Button_root__6x15K.Button_disabled__QJsKX {
  background: var(--grey4);
  cursor: initial;
  pointer-events: none;
}
.Button_root__6x15K.Button_disabled__QJsKX.Button_inherit__eunPq {
  background: inherit;
  color: var(--black-500);
  font-weight: var(--fontWeightBold);
}
.Button_root__6x15K:hover.Button_primary__8ZICM {
  background: var(--tiffany-500);
}
.Button_root__6x15K:hover.Button_secondary__BeTb2 {
  background: var(--grey-200);
}
.Button_root__6x15K:hover.Button_inherit__eunPq {
  background: var(--black-500);
  color: var(--white);
}
.Button_root__6x15K:hover.Button_tiffany__aht1w {
  background: var(--tiffany-400);
}
.Button_root__6x15K:hover.Button_text__FcN3u {
  color: var(--tiffany-500);
}
.Button_root__6x15K:hover.Button_white__vl8GF {
  color: var(--tiffany-500);
}
.Button_root__6x15K:active.Button_primary__8ZICM {
  background: #028aa6;
}
.Button_root__6x15K:active.Button_secondary__BeTb2 {
  background: var(--grey-300);
}
.Button_root__6x15K:active.Button_inherit__eunPq {
  background: var(--grey-300);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Checkbox/Checkbox.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_input__YDMTe {
  display: none;
}

.Checkbox_checkbox__nSh54 {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  flex-shrink: 0;
}

.Checkbox_small__F2gBQ {
  width: 16px;
  height: 16px;
}

.Checkbox_checkIcon__k4_jd {
  width: 100%;
  height: 100%;
}

.Checkbox_checkbox__nSh54,
.Checkbox_checkIcon__k4_jd > path {
  transition: var(--baseTransition);
}

.Checkbox_label__kXN4f {
  flex-grow: 1;
  margin-top: 1px;
  margin-left: 8px;
  color: var(--dark-grey-500);
}

.Checkbox_root__B7IWC {
  --iconColor: transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--fontSizeS);
}
.Checkbox_root__B7IWC:not(.Checkbox_disabled__ir_68):not(.Checkbox_checked__aO2CS) .Checkbox_checkbox__nSh54 {
  background-color: var(--grey12);
  border: 2px solid var(--grey11);
}
.Checkbox_root__B7IWC:not(.Checkbox_disabled__ir_68):not(.Checkbox_checked__aO2CS):hover .Checkbox_checkbox__nSh54 {
  --iconColor: var(--white);
  border-color: var(--tiffany-500);
}
.Checkbox_root__B7IWC:not(.Checkbox_disabled__ir_68).Checkbox_checked__aO2CS .Checkbox_checkbox__nSh54 {
  --iconColor: var(--white);
  background-color: var(--tiffany-500);
  border: 2px solid var(--tiffany-500);
}
.Checkbox_root__B7IWC.Checkbox_disabled__ir_68 {
  pointer-events: none;
}
.Checkbox_root__B7IWC.Checkbox_disabled__ir_68 .Checkbox_checkbox__nSh54 {
  border: 2px solid var(--grey13);
  background-color: var(--grey14);
}
.Checkbox_root__B7IWC.Checkbox_disabled__ir_68.Checkbox_checked__aO2CS {
  --iconColor: var(--white);
}
.Checkbox_root__B7IWC.Checkbox_disabled__ir_68.Checkbox_checked__aO2CS .Checkbox_checkbox__nSh54 {
  background-color: var(--grey-300);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Container/Container.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Container_root__D5qeM {
  width: 100%;
  max-width: 1440px;
  padding: var(--containerVerticalPadding, 0) var(--containerHorizontalPadding, 32px);
  margin: 0 auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Flex/Flex.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Flex_inline__Y8AyY {
  display: inline-flex;
}

.Flex_direction_row__Zm9sm {
  flex-direction: row;
}

.Flex_direction_rowReverse__sZe6H {
  flex-direction: row-reverse;
}

.Flex_direction_column__ikrv9 {
  flex-direction: column;
}

.Flex_direction_columnReverse__Hw8Yt {
  flex-direction: column-reverse;
}

.Flex_justifyContent_center__vysTE {
  justify-content: center;
}

.Flex_justifyContent_flexStart__ZeSzT {
  justify-content: flex-start;
}

.Flex_justifyContent_flexEnd__j3WaG {
  justify-content: flex-end;
}

.Flex_justifyContent_spaceBetween__wshB5 {
  justify-content: space-between;
}

.Flex_alignItems_center__oSRu_ {
  align-items: center;
}

.Flex_alignItems_flexStart__Pj1SK {
  align-items: flex-start;
}

.Flex_alignItems_flexEnd__prPSp {
  align-items: flex-end;
}

.Flex_alignItems_stretch__PzfSO {
  align-items: stretch;
}

.Flex_alignItems_baseline__GAbSq {
  align-items: baseline;
}

.Flex_wrap_wrap__PEejM {
  flex-wrap: wrap;
}

.Flex_wrap_nowrap__9BMvE {
  flex-wrap: nowrap;
}

.Flex_root__qYfBJ {
  display: flex;
  gap: calc(var(--flexBetween) * var(--gridSize));
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/WrongFormat/WrongFormat.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.WrongFormat_box__Ove1B {
  color: var(--red-500);
  position: absolute;
  bottom: -20px;
  left: 15px;
  z-index: 10;
}

.WrongFormat_image__xmhHG {
  margin-right: 8px;
}

.WrongFormat_small__a7LgE {
  font-size: var(--fontSizeXS);
}

@media (max-width: 550px) {
  .WrongFormat_box__Ove1B {
    font-size: var(--fontSizeXS);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/FormInput/FormInput.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormInput_label__OK9aF {
  color: var(--dark-grey-500);
}

.FormInput_icon__mqwn2 {
  position: absolute;
  top: 10%;
  left: 40%;
  cursor: pointer;
  transition: var(--baseTransition);
}
.FormInput_icon__mqwn2:hover {
  transform: scale(1.3);
}

.FormInput_description__Xonv2 {
  color: var(--actionColor);
  padding-left: 16px;
  margin-top: 8px;
}

.FormInput_fieldWrapper__OdbJi {
  position: relative;
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
  transition: var(--baseTransition);
}

.FormInput_root__0V0G0 {
  display: flex;
  flex-direction: column;
}
.FormInput_root__0V0G0.FormInput_init__TMWwW {
  --actionColor: var(--grey4);
}
.FormInput_root__0V0G0.FormInput_error__SS9Gh {
  --actionColor: var(--red-500);
}
.FormInput_root__0V0G0:focus-within .FormInput_fieldWrapper__OdbJi {
  box-shadow: 0 0 0 4px rgba(0, 153, 184, 0.13);
}

@media (max-width: 550px) {
  .FormInput_icon__mqwn2 {
    left: 55%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Input/Input.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_input__MiI_q {
  height: 24px;
  max-width: 100%;
  flex-grow: 1;
  border: none;
  outline: none;
  padding: 0;
  background: transparent;
  transition: var(--baseTransition);
}
.Input_input__MiI_q::placeholder {
  color: var(--grey4);
}

.Input_input__MiI_q,
.Input_root__K94E0 {
  border-radius: 2px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Link/Link.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Link_primary__YXjAc {
  color: var(--blue1);
}
.Link_primary__YXjAc:hover {
  color: var(--blue2);
}

.Link_secondary__nFou1 {
  color: var(--grey1);
}
.Link_secondary__nFou1:hover {
  color: var(--blue2);
}

.Link_tiffany__Bo4f_ {
  color: var(--black-500);
  font-weight: var(--fontWeightBold);
}
.Link_tiffany__Bo4f_:hover {
  color: var(--tiffany-500);
}

.Link_root__BUF_q {
  display: inline-flex;
  cursor: pointer;
  transition: color var(--baseTransition);
}
.Link_root__BUF_q.Link_disabled__xo_mr {
  opacity: 0.4;
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Paper/Paper.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Paper_root__pB74V {
  padding: calc(var(--paperPadding) * var(--gridSize));
  border-radius: 6px;
}

.Paper_color_white__u_mvx {
  background: var(--white);
}

.Paper_color_white1___S6oi {
  background: var(--white1);
}

.Paper_color_grey__EpTuB {
  background: var(--greyOpacity);
}

.Paper_flat_top__j_mqb {
  border-radius: 0 0 6px 6px;
}

.Paper_flat_bottom__Ffi3J {
  border-radius: 6px 6px 0 0;
}

.Paper_flat_left__EQQM6 {
  border-radius: 0 6px 6px 0;
}

.Paper_flat_right__xlzzD {
  border-radius: 6px 0 0 6px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Popover/Popover.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Popover_trigger__rthw_ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Popover_trigger__rthw_.Popover_clickable__8yqYE {
  cursor: pointer;
}

.Popover_popup__4ahBP {
  --popupBoxShadow: 0 5px 10px 1px rgba(125, 133, 151, 0.35);
  position: absolute;
  border-radius: 6px;
  box-shadow: var(--popupBoxShadow);
  z-index: 10000;
  transform: translate(var(--translateX, 0), var(--translateY, 0));
  transition: opacity var(--baseTransition);
}
.Popover_popup__4ahBP:not(.Popover_visible__EEGww) {
  opacity: 0;
  pointer-events: none;
}
.Popover_popup__4ahBP.Popover_topLeft__Z9Zn4, .Popover_popup__4ahBP.Popover_topCenter__aCOif, .Popover_popup__4ahBP.Popover_topRight__JUjBJ {
  bottom: 0;
}
.Popover_popup__4ahBP.Popover_bottomLeft__rK0sJ, .Popover_popup__4ahBP.Popover_bottomCenter__jzp4d, .Popover_popup__4ahBP.Popover_bottomRight__weTPq {
  top: 0;
}
.Popover_popup__4ahBP.Popover_topLeft__Z9Zn4, .Popover_popup__4ahBP.Popover_topCenter__aCOif, .Popover_popup__4ahBP.Popover_bottomLeft__rK0sJ, .Popover_popup__4ahBP.Popover_bottomCenter__jzp4d {
  left: 0;
}
.Popover_popup__4ahBP.Popover_topRight__JUjBJ, .Popover_popup__4ahBP.Popover_bottomRight__weTPq {
  right: 0;
}

.Popover_root__3bl5n {
  position: relative;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/RadioButtons/RadioButtons.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RadioButtons_circle__nfMAU {
  width: 15px;
  height: 15px;
  border: 1px solid var(--black10);
  border-radius: 50%;
  transition: var(--baseTransition);
}

.RadioButtons_option__ncJnp.RadioButtons_selected__3GAaP .RadioButtons_circle__nfMAU {
  position: relative;
}
.RadioButtons_option__ncJnp.RadioButtons_selected__3GAaP .RadioButtons_circle__nfMAU:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 11px;
  height: 11px;
  background: var(--blue4);
  border-radius: 50%;
  transition: var(--baseTransition);
}
.RadioButtons_option__ncJnp:not(.RadioButtons_selected__3GAaP) {
  cursor: pointer;
}
.RadioButtons_option__ncJnp:not(.RadioButtons_selected__3GAaP):hover .RadioButtons_circle__nfMAU {
  border: 1px solid var(--black20);
  background: var(--black5);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/RadioInputs/components/RadioInput/RadioInput.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RadioInput_input__ZVBav {
  display: none;
}

.RadioInput_radio__t5XBA {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
}

.RadioInput_label__9z5yE {
  flex-grow: 1;
  margin-top: 1px;
  margin-left: 16px;
  font-weight: var(--fontWeightBold);
  font-size: var(--fontSizeL);
}

.RadioInput_radio__t5XBA,
.RadioInput_radio__t5XBA::after,
.RadioInput_label__9z5yE {
  transition: var(--baseTransition);
}

.RadioInput_root__sJWVX {
  --circleColor: transparent;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--fontSizeS);
}
.RadioInput_root__sJWVX:not(.RadioInput_disabled__HGqRS):not(.RadioInput_checked__v3KHs) .RadioInput_radio__t5XBA {
  border: 2px solid var(--grey11);
}
.RadioInput_root__sJWVX:not(.RadioInput_disabled__HGqRS):not(.RadioInput_checked__v3KHs) .RadioInput_label__9z5yE {
  color: var(--black-500);
}
.RadioInput_root__sJWVX:not(.RadioInput_disabled__HGqRS):not(.RadioInput_checked__v3KHs):hover .RadioInput_radio__t5XBA {
  border: 6px solid var(--tiffany-500);
}
.RadioInput_root__sJWVX:not(.RadioInput_disabled__HGqRS).RadioInput_checked__v3KHs .RadioInput_radio__t5XBA {
  border: 6px solid var(--tiffany-500);
}

@media (max-width: 520px) {
  .RadioInput_label__9z5yE {
    font-weight: var(--fontWeightBold);
    font-size: var(--fontSizeM);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Skeleton/Skeleton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Skeleton_root__jxb0N {
  border-radius: 6px;
  background: var(--greyOpacity);
}
.Skeleton_root__jxb0N {
  animation: blink 1.5s linear infinite;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Slider/Slider.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Slider_root__oviOz .swiper-slide {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Slider_root__oviOz .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--white3);
}
.Slider_root__oviOz .swiper-pagination-bullet-active {
  border-radius: 12px !important;
  background: var(--blue1);
  --swiper-pagination-bullet-width: 12px !important;
}
.Slider_root__oviOz .swiper-pagination-bullet {
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-width: 6px;
  --swiper-pagination-bullet-height: 6px;
  --swiper-pagination-bottom: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/swiper/swiper.min.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/swiper/modules/pagination/pagination.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/swiper/modules/navigation/navigation.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-feature-settings:;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Spinner/Spinner.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Spinner_outer__bWbiQ {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5294117647);
  z-index: 11;
}

.Spinner_loader__z2KQ9 {
  width: 60px;
  height: 60px;
  border: 5px dotted var(--black-500);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: Spinner_rotation__ha9LI 2s linear infinite;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes Spinner_rotation__ha9LI {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/StarRating/StarRating.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StarRating_root__kVk4o {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 24px;
  color: var(--orange1);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Text/Text.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Text_size_xss___shRS {
  font-size: var(--fontSizeXSS);
}

.Text_size_xs__OUFk_ {
  font-size: var(--fontSizeXS);
}

.Text_size_s__nHqIQ {
  font-size: var(--fontSizeS);
}

.Text_size_m__g_p51 {
  font-size: var(--fontSizeM);
}

.Text_size_ms__RSbPM {
  font-size: var(--fontSizeMS);
}

.Text_size_m2__gkb3X {
  font-size: var(--fontSizeM2);
}

.Text_size_l__zpmtw {
  font-size: var(--fontSizeL);
}

.Text_size_xl__4Vpwh {
  font-size: var(--fontSizeXL);
}

.Text_size_xxl__pepDL {
  font-size: var(--fontSizeXXL);
}

.Text_size_xxxl__uqGzH {
  font-size: var(--fontSizeXXXL);
}

.Text_lineSize_m__PayZ5 {
  line-height: var(--lineHeightM);
}

.Text_lineSize_l__BMISJ {
  line-height: var(--lineHeightL);
}

.Text_lineSize_xl__bhJQe {
  line-height: var(--lineHeightXL);
}

.Text_weight_regular__FONrE {
  font-weight: var(--fontWeightRegular);
}

.Text_weight_medium__VRfq0 {
  font-weight: var(--fontWeightMedium);
}

.Text_weight_semiBold__4Q5i2 {
  font-weight: var(--fontWeightSemiBold);
}

.Text_weight_bold__ow36T {
  font-weight: var(--fontWeightBold);
}

.Text_withEllipsis__mTJ0y {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Text_default__mYBtn {
  color: var(--black-500);
}

.Text_white__stkPn {
  color: var(--white);
}

.Text_tiffany500__TY5ca {
  color: var(--tiffany-500);
}

.Text_black500__Z2Tqi {
  color: var(--black-500);
}

.Text_black400__LuSMe {
  color: var(--black-400);
}

.Text_black300__NaUBx {
  color: var(--black-300);
}

.Text_black200__Qt8do {
  color: var(--black-200);
}

.Text_black100__EE3W0 {
  color: var(--black-100);
}

.Text_grey200___Z3wp {
  color: var(--grey-200);
}

.Text_red500__M1dEC {
  color: var(--red-500);
}

.Text_darkGrey300__ZWqvx {
  color: var(--dark-grey-300);
}

.Text_darkGrey500__tIfjC {
  color: var(--dark-grey-500);
}

.Text_green500__5CsP_ {
  color: var(--green-500);
}

.Text_textAlign_center__EM3DW {
  text-align: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Textarea/Textarea.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Textarea_root__CPzM7 {
  position: relative;
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
}

.Textarea_label__1_8Pl {
  font-size: var(--fontSizeXS);
  color: var(--dark-grey-500);
}

.Textarea_textarea__cTNzz {
  border: none;
  outline: none;
  resize: none;
  word-break: break-word;
  transition: var(--baseTransition);
  background: var(--dark-grey-100);
  height: 100%;
}
.Textarea_textarea__cTNzz::placeholder {
  color: var(--dark-grey-500);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Toggle/Toggle.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Toggle_root__haA70 {
  --circleSize: 13px;
  --paddingSize: 2px;
  position: relative;
  width: 32px;
  height: 16px;
  background: var(--white);
  border-radius: 2px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.Toggle_root__haA70:hover .Toggle_circle__BuMBd {
  background: var(--grey3);
}
.Toggle_root__haA70.Toggle_enabled___A3Uw {
  background: var(--white);
}
.Toggle_root__haA70.Toggle_enabled___A3Uw .Toggle_circle__BuMBd {
  background: var(--green1);
  left: calc(100% - var(--circleSize) - var(--paddingSize));
}
.Toggle_root__haA70.Toggle_enabled___A3Uw:hover .Toggle_circle__BuMBd {
  background: var(--green3);
}

.Toggle_circle__BuMBd {
  position: absolute;
  top: var(--paddingSize);
  left: var(--paddingSize);
  width: var(--circleSize);
  height: var(--circleSize);
  transition: var(--baseTransition);
  background: var(--white1);
  border-radius: 2px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/ToggleArrowBox/ToggleArrowBox.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ToggleArrowBox_root__1O_x0 {
  --iconColor: var(--grey4);
  border: 1px solid var(--grey4);
  border-radius: 2px;
  transition: var(--baseTransition);
}
.ToggleArrowBox_root__1O_x0.ToggleArrowBox_size_m__Abgzn {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
}
.ToggleArrowBox_root__1O_x0.ToggleArrowBox_open__rNwur {
  --iconColor: var(--white);
  background: var(--grey4);
}
.ToggleArrowBox_root__1O_x0.ToggleArrowBox_open__rNwur .ToggleArrowBox_icon__Nr6LL {
  transform: rotate(90deg);
}

.ToggleArrowBox_icon__Nr6LL {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  transition: var(--baseTransition);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Tooltip/Tooltip.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tooltip_popup__wbMf_ {
  background-color: var(--white);
  white-space: nowrap;
  padding: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/TwoColumns/TwoColumns.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TwoColumns_root__wuL4W {
  display: grid;
  grid-template: auto/repeat(2, 1fr);
  grid-gap: var(--twoColumnsGap, 16px);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/CopyButton/CopyButton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CopyButton_button__gwWMq {
  display: flex;
}
.CopyButton_button__gwWMq:hover svg {
  color: var(--black-400);
  transition: var(--baseTransition);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/ContentCard/ContentCard.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContentCard_countContent__Fpvgk, .ContentCard_circleLink__PMphT, .ContentCard_link__jifO6 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ContentCard_wrapper__5Es7L {
  position: relative;
  min-height: 190px;
  background-color: var(--grey-100);
  padding: 32px;
  border-radius: var(--borderRadiusS);
}

.ContentCard_link__jifO6 {
  background-color: var(--white);
  border-radius: var(--borderRadiusS);
  padding: 5px 12px;
  gap: 8px;
  justify-content: center;
  font-size: var(--fontSizeXS);
  font-weight: var(--fontWeightBold);
  transition: var(--baseTransition);
}
.ContentCard_link__jifO6 span {
  padding-top: 1px;
}
.ContentCard_link__jifO6 svg {
  display: flex;
  width: 16px;
  height: 16px;
}
.ContentCard_link__jifO6:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
  transition: var(--baseTransition);
}

.ContentCard_arrowIcon__kBwxg {
  rotate: 180deg;
}

.ContentCard_circleLink__PMphT {
  width: 24px;
  height: 24px;
  background-color: var(--white);
  border-radius: var(--borderRadiusS);
}
.ContentCard_circleLink__PMphT svg {
  display: flex;
  width: 18px;
  height: 18px;
}
.ContentCard_circleLink__PMphT:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
  transition: var(--baseTransition);
}

.ContentCard_imageWrapper__QcGFO {
  display: flex;
}

.ContentCard_image__bSgsk {
  border-radius: var(--borderRadiusS);
  transition: var(--baseTransition);
}
.ContentCard_image__bSgsk:hover {
  box-shadow: var(--boxShadow);
  transition: var(--baseTransition);
}

.ContentCard_countContent__Fpvgk {
  border-radius: var(--borderRadiusS);
  max-width: 78px;
  width: 100%;
  height: 78px;
  transition: var(--baseTransition);
}
.ContentCard_countContent__Fpvgk:hover {
  box-shadow: var(--boxShadow);
  background-color: var(--white);
  transition: var(--baseTransition);
}

.ContentCard_placeholder__C0c_W {
  display: block;
  flex: 1 1;
  align-content: center;
  align-self: center;
  text-align: center;
}

@media (max-width: 768px) {
  .ContentCard_cover__YeLuP span {
    font-size: var(--fontSizeXL);
  }
}
@media (max-width: 468px) {
  .ContentCard_wrapper__5Es7L {
    padding: 16px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/FooterLk/FooterLk.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterLk_footer__VNJxv {
  min-height: 284px;
  background: var(--black-500);
  color: var(--white);
  padding: 48px 96px;
}

.FooterLk_footerContainer__1pL7M {
  width: 640px;
  min-height: 200px;
}

.FooterLk_link__qGXUN {
  color: var(--white) !important;
  text-decoration: none;
  z-index: 100;
}

.FooterLk_link__qGXUN:hover {
  text-decoration: underline;
}

.FooterLk_socialMedia__cIvKX a {
  margin-right: 12px;
}

.FooterLk_socialMedia__cIvKX img {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: var(--baseTransition);
}
.FooterLk_socialMedia__cIvKX img:hover {
  background-color: var(--blue2);
  transform: scale(1.2);
}

@media (max-width: 768px) {
  .FooterLk_footer__VNJxv {
    flex-direction: column-reverse;
    padding: 28px 46px;
    gap: 45px;
  }
  .FooterLk_footerContainer__1pL7M {
    width: 100%;
    min-height: 200px;
  }
  .FooterLk_contact__wQFnx {
    flex-direction: column;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/LKLayout.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LKLayout_root__VB_Qt {
  min-height: 100vh;
  width: 100%;
  position: relative;
}

.LKLayout_avatar__mDJ3y {
  width: 40px;
  height: 40px;
  border-radius: 16px;
}

.LKLayout_content__ne_ho {
  flex-grow: 1;
  padding: 24px 32px 128px 32px;
  display: flex;
  min-height: 100%;
}

.LKLayout_mainContent___J7Tv {
  flex: 1 1 auto;
  min-height: 100%;
}

.LKLayout_afterContentBlock__hcHOH {
  flex: 0 0 310px;
  min-height: 100%;
}

.LKLayout_sidebar__u2rsH {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 6;
}

.LKLayout_flex__D_7YD {
  flex-grow: 1;
}

@media (min-width: 1968px) {
  .LKLayout_mainContent___J7Tv {
    max-width: 1400px;
    margin: 0 auto;
  }
  .LKLayout_content__ne_ho {
    justify-content: space-between !important;
  }
}
@media (max-width: 998px) {
  .LKLayout_sidebar__u2rsH {
    display: none !important;
  }
  .LKLayout_content__ne_ho {
    margin-left: 0;
    padding: 16px 16px 64px 16px;
  }
  .LKLayout_mainContent___J7Tv {
    flex-direction: column;
  }
  .LKLayout_afterContentBlock__hcHOH {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .LKLayout_avatar__mDJ3y {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 480px) {
  .LKLayout_root__VB_Qt {
    flex-direction: column;
  }
  .LKLayout_mainContent___J7Tv {
    align-items: center;
  }
  .LKLayout_flex__D_7YD {
    width: 100%;
  }
  .LKLayout_content__ne_ho {
    padding: 32px 32px 64px 32px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/Header/Header.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_icon__sLgsp {
  display: none;
  cursor: pointer;
}

@media (max-width: 998px) {
  .Header_container__Z_ScX {
    width: 100%;
  }
  .Header_text__a0W8i {
    font-size: var(--fontSizeM2);
    text-align: center;
    flex: 1 1;
  }
  .Header_icon__sLgsp {
    display: flex;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/SideBar/components/SideBarContent/SideBarContent.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SideBarContent_bottom__3dNs_ {
  margin-top: auto;
}

@media (max-width: 480px) {
  .SideBarContent_bottom__3dNs_ {
    gap: 12px !important;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/SideBar/SideBar.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SideBar_toggle__wMt6F {
  background: var(--white);
  border-radius: 16px;
  cursor: pointer;
  padding: 8px;
}

.SideBar_toggleIcon__VdmI5 {
  transition: var(--baseTransition);
  transform: rotate(180deg);
}

.SideBar_root__wHLmB {
  flex-basis: 140px;
  background: var(--grey-100);
  padding: 24px 24px 48px;
  flex-grow: 0;
  flex-shrink: 0;
  transition: all 0.3s ease 0s;
  min-height: 800px;
}
.SideBar_root__wHLmB.SideBar_open__IhFze {
  flex-basis: 280px;
}
.SideBar_root__wHLmB.SideBar_open__IhFze .SideBar_toggleIcon__VdmI5 {
  transform: rotate(0);
}

.SideBar_logoWrapper__t766U {
  margin-bottom: 40px;
}

@media (max-width: 1440px) {
  .SideBar_root__wHLmB {
    flex: 0 0 120px;
    padding: 20px 20px 40px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 260px;
  }
}
@media (max-width: 1200px) {
  .SideBar_root__wHLmB {
    flex: 0 0 100px;
    padding: 16px 16px 32px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 240px;
  }
}
@media (max-width: 1067px) {
  .SideBar_root__wHLmB {
    flex: 0 0 80px;
    padding: 12px 12px 24px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 220px;
  }
}
@media (max-width: 998px) {
  .SideBar_root__wHLmB {
    flex: 0 0 60px;
    padding: 8px 8px 16px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 200px;
  }
}
@media (max-width: 768px) {
  .SideBar_root__wHLmB {
    flex: 0 0 40px;
    padding: 4px 4px 8px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 180px;
  }
}
@media (max-width: 430px) {
  .SideBar_root__wHLmB {
    flex: 0 0 30px;
    padding: 2px 2px 4px;
  }
  .SideBar_root__wHLmB.SideBar_open__IhFze {
    flex: 0 0 160px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/SideBar/components/SideBarItem/SideBarItem.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SideBarItem_root__YieVt {
  position: relative;
  border-radius: 16px;
  transition: var(--baseTransition);
  padding: 8px;
}
.SideBarItem_root__YieVt.SideBarItem_active__VqES9 {
  position: relative;
}
.SideBarItem_root__YieVt.SideBarItem_active__VqES9:before {
  content: "";
  width: 8px;
  height: 24px;
  position: absolute;
  left: -16px;
  top: 8px;
  background: var(--white);
  border-radius: 8px;
}
.SideBarItem_root__YieVt:not(.SideBarItem_root__YieVt.SideBarItem_active__VqES9) {
  cursor: pointer;
}

.SideBarItem_white__Ye3VU.SideBarItem_active__VqES9, .SideBarItem_white__Ye3VU:hover {
  background-color: var(--white);
}

.SideBarItem_gray__Auapb.SideBarItem_active__VqES9, .SideBarItem_gray__Auapb:hover {
  background-color: var(--grey-100);
}

.SideBarItem_text__d86Tk {
  white-space: nowrap;
}

.SideBarItem_badge__8Yunz {
  position: absolute;
  top: 3px;
  left: 25px;
  background-color: var(--red-500);
  border-radius: 50%;
  min-width: 18px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  height: 18px;
  color: var(--white);
  font-size: var(--fontSizeXSS);
  font-weight: bold;
}

.SideBarItem_tooltip__gaBpz {
  display: none;
  position: absolute;
  bottom: 35px;
  font-size: var(--fontSizeS);
  padding: 4px 8px;
  border-radius: 12px;
  background-color: var(--white);
  box-shadow: var(--boxShadow);
  z-index: 100;
  width: max-content;
  white-space: nowrap;
}

.SideBarItem_root__YieVt:hover .SideBarItem_tooltip__gaBpz {
  display: block;
}

@media (max-width: 998px) {
  .SideBarItem_root__YieVt {
    padding: 6px 8px;
  }
  .SideBarItem_tooltip__gaBpz {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/subscriptions/components/Content.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Content_container__NEQrv {
  height: 100%;
  padding: 24px;
}

.Content_button__k_701 {
  --buttonHorizontalPadding: 16px;
}

.Content_description__YFDsw {
  text-align: center;
  max-width: 800px;
}

.Content_sphere__BKx5V {
  object-fit: cover;
  object-position: bottom;
  max-width: 500px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/blocks/components/LandingVideo/LandingVideo.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LandingVideo_root__kT8SN {
  width: 100%;
  height: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LKLayout/components/BurgerMenu/BurgerMenu.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BurgerMenu_container__OAD80 {
  font-weight: var(--fontWeightBold);
}

.BurgerMenu_crossIcon__hA867 {
  --iconColor: var(--black-500);
  width: 32px;
  height: 32px;
}

.BurgerMenu_links__n7bxe,
.BurgerMenu_authLinks__mWO6c,
.BurgerMenu_socials__5Doqz {
  margin-top: 60px;
}

.BurgerMenu_logo__VVTvy {
  margin: 16px 24px;
  width: max-content;
}

.BurgerMenu_icon__hhGzA {
  cursor: pointer;
  display: none;
}

.BurgerMenu_wrapper__yNOWB {
  background-color: var(--grey-100);
  padding: 24px 0 92px 24px;
  height: 100%;
}

.BurgerMenu_root__lf0Ag {
  position: relative;
  border-radius: 16px;
  transition: var(--baseTransition);
  padding: 8px;
}
.BurgerMenu_root__lf0Ag.BurgerMenu_active__TvBHg, .BurgerMenu_root__lf0Ag:hover {
  background: var(--white);
}
.BurgerMenu_root__lf0Ag:not(.BurgerMenu_root__lf0Ag.BurgerMenu_active__TvBHg) {
  cursor: pointer;
}

.BurgerMenu_list__jIvtN {
  border-radius: 16px 0 0 16px;
  background-color: var(--white);
  height: 100%;
  width: 100%;
}

.BurgerMenu_avatar__g35kz {
  border-radius: 50%;
}

.BurgerMenu_smPadding__vq_vH {
  padding: 8px;
}

.BurgerMenu_mdPadding___WieQ {
  padding: 24px;
}

@media (max-width: 998px) {
  .BurgerMenu_icon__hhGzA {
    display: flex;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/CourseList/CourseList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CourseList_button__d_Dp5 {
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 16px;
  transition: var(--baseTransition);
}
.CourseList_button__d_Dp5 img {
  border-radius: 16px;
}
.CourseList_button__d_Dp5:hover {
  box-shadow: 0 0 8px var(--black-500);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/UserInfo/UserInfo.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UserInfo_userInfo__GX1Kr {
  flex: 1 1;
  align-self: self-end;
  max-width: 160px;
  overflow: hidden;
}

.UserInfo_image__ICHag {
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.UserInfo_image__ICHag img {
  width: 100%;
  border-radius: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/Balance/Balance.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Balance_balance__CDM3V {
  min-height: 48px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/BadgeQuickHelp/BadgeQuickHelp.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeQuickHelp_wrapper__3AE0O {
  cursor: pointer;
  border-radius: 16px;
  padding: 16px;
}
.BadgeQuickHelp_wrapper__3AE0O.BadgeQuickHelp_open__0WawQ {
  background-color: var(--grey-100);
  border-radius: 16px 16px 0 0;
}

.BadgeQuickHelp_inActive__K1_9p {
  pointer-events: none;
}

.BadgeQuickHelp_inActiveText__NZFu2 {
  display: flex;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/SubscriptionInfo/SubscriptionInfo.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SubscriptionInfo_duration__5Fvgz {
  align-self: flex-end;
  background: linear-gradient(45deg, #00667a 0%, #0099b8 54.22%, #00b4d8 100%);
  width: 145px;
  height: 20px;
  border-radius: 16px;
  padding: 0 8px;
  margin: 10px auto;
}
.SubscriptionInfo_duration__5Fvgz.SubscriptionInfo_subsWarning__vaH_D {
  background: linear-gradient(45deg, #665200 0%, #997a00 54.22%, #b49300 100%);
}
.SubscriptionInfo_duration__5Fvgz.SubscriptionInfo_subsExpired__NEL8p {
  background: linear-gradient(45deg, #7a0000 0%, #b80000 54.22%, #d80000 100%);
}

.SubscriptionInfo_textUpper__At85y {
  text-transform: uppercase;
}

.SubscriptionInfo_withoutSubs__dOeZI {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 20px;
  padding-inline: 12px;
  background: var(--black-500);
  border-radius: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/QuickHelpDescription/QuickHelpDescription.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QuickHelpDescription_text__deFsw {
  text-align: center;
  line-height: 18px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/ActionChatButtons/ActionChatButtons.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ActionChatButtons_button__9rV21 {
  --buttonHorizontalPadding: 12px;
}

.ActionChatButtons_arrowButton__JTVnD {
  display: flex;
  align-items: center;
  --iconColor: var(--white);
  padding-inline: 12px 4px !important;
}

.ActionChatButtons_logoutIcon__7e5t_ {
  cursor: pointer;
  transition: var(--baseTransition);
  display: flex;
}
.ActionChatButtons_logoutIcon__7e5t_:hover {
  --iconColor: var(--tiffany-500);
  transition: var(--baseTransition);
}

.ActionChatButtons_popup__mMIJc {
  font-size: var(--fontSizeS);
  padding: 4px 8px !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/WrapperModal/WrapperModal.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.WrapperModal_container__k5bqv {
  overflow: hidden !important;
  border-radius: var(--borderRadiusS) !important;
}

.WrapperModal_container__k5bqv::before {
  content: "";
  position: absolute;
  width: 462px;
  height: 462px;
  border-radius: 50%;
  top: 8%;
  left: -16%;
  background-color: var(--grey-100);
}

.WrapperModal_wrapper__AshGU {
  overflow: hidden;
  position: relative;
  max-width: 566px;
  padding: 32px;
}

.WrapperModal_title__xJ181 {
  text-align: center;
}

.WrapperModal_description__JpC5q {
  line-height: 26px;
  text-align: center;
  white-space: pre-line;
}

@media (max-width: 768px) {
  .WrapperModal_container__k5bqv::before {
    width: 330px;
    height: 330px;
  }
  .WrapperModal_wrapper__AshGU {
    padding: 24px 4px 4px 4px;
    gap: 24px;
  }
  .WrapperModal_title__xJ181 {
    font-size: var(--fontSizeL);
  }
  .WrapperModal_description__JpC5q {
    font-size: var(--fontSizeM);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/ShortTabs/ShortTabs.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortTabs_container__WxU8A {
  position: relative;
  min-height: 72px;
  padding-inline: 32px;
}

.ShortTabs_containerWithBtn__RflNo {
  display: flex;
  align-items: center;
  padding: 0;
}

.ShortTabs_wrapper__GVmmR {
  position: relative;
  width: 100%;
  background-color: var(--white);
}
.ShortTabs_wrapper__GVmmR:after {
  content: "";
  z-index: 1;
  position: absolute;
  bottom: -2px;
  left: -2px;
  right: 0;
  height: 10px;
  background-color: var(--grey-100);
  border-radius: 16px;
  pointer-events: none;
}

.ShortTabs_wrapperWithBtn__RxRCV {
  padding-left: 32px;
  background-color: var(--white);
}

.ShortTabs_item__X_YTw {
  display: block;
  padding-block: 24px;
  position: relative;
  white-space: nowrap;
}
.ShortTabs_item__X_YTw.ShortTabs_active__8hKrq:after {
  content: "";
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: var(--black-500);
  border-radius: 16px;
}

.ShortTabs_wrapperButton__JamzB {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 10;
  padding: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--borderRadiusS);
  background-color: var(--grey-100);
  width: 40px;
  height: 40px;
}
.ShortTabs_wrapperButton__JamzB:hover {
  background-color: var(--grey-200);
  transition: var(--baseTransition);
}

.ShortTabs_crossIcon__jAVhI {
  --iconColor: var(--black-500);
  width: 24px;
  height: 24px;
}

.ShortTabs_backButton__tLdDt {
  position: relative;
  flex: 0 0 40px;
  border-radius: 12px;
  background-color: var(--grey-100);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--baseTransition);
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.ShortTabs_backButton__tLdDt:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.ShortTabs_backButton__tLdDt:active {
  background: var(--grey-300);
}

.ShortTabs_badge__QUZV6 {
  position: absolute;
  top: 3px;
  right: -22px;
  background-color: var(--red-500);
  border-radius: 50%;
  min-width: 24px;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 4px;
  height: 24px;
  color: var(--white);
  font-size: var(--fontSizeS);
  font-weight: bold;
}

.ShortTabs_alignEnd__ddwV8 {
  margin-left: auto;
}

.ShortTabs_hidden__fPrf_ {
  display: none;
}

.ShortTabs_navButton__uT2er {
  width: 40px;
  height: 40px;
  background-color: var(--grey-100);
  border-radius: var(--borderRadiusS);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ShortTabs_navButton__uT2er:disabled {
  background: var(--grey-200);
  cursor: auto;
}

.ShortTabs_navButtonRight__wnbWI {
  rotate: 180deg;
}

@media (max-width: 780px) {
  .ShortTabs_container__WxU8A {
    padding-inline: 0;
  }
  .ShortTabs_item__X_YTw {
    display: block;
    white-space: wrap;
    text-align: center;
  }
  .ShortTabs_alignEnd__ddwV8 {
    margin-left: 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/TitleWithCount/TitleWithCount.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TitleWithCount_amount__z2l9R {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusS);
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
  margin-left: 24px;
}

@media (max-width: 768px) {
  .TitleWithCount_title__ZLJhJ {
    font-size: var(--fontSizeL);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/LikeViewCounter/LikeViewCounter.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LikeViewCounter_icon__sE0Fz svg {
  display: flex;
}

.LikeViewCounter_iconThumb__FsI9T {
  rotate: 180deg;
  transform: scaleX(-1);
  margin-top: -2px;
}

.LikeViewCounter_small__o6veQ span {
  font-size: var(--fontSizeXS);
}
.LikeViewCounter_small__o6veQ svg {
  width: 16px;
  height: 16px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/EntityCard/CardItems/styles/CardItems.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardItems_like__QK3oc,
.CardItems_addToFavorites__kOAyU,
.CardItems_share__PKGuA {
  padding: 0 8px !important;
}

.CardItems_isLiked__9nRms {
  background-color: var(--black-500) !important;
  --iconColor: white;
}

.CardItems_button__SBNqc {
  --buttonHorizontalPadding: 32px;
  font-weight: var(--fontWeightBold);
}

.CardItems_actions__1rYvJ {
  margin-top: auto;
}

.CardItems_stats__NMsXl {
  padding-top: 24px;
}

.CardItems_date__ohC4z {
  margin-left: auto;
}

.CardItems_infoWithPhoto__xjnhK {
  margin-top: 12px;
  padding-inline: 32px;
}

.CardItems_info__fmsjo {
  flex-grow: 1;
}

.CardItems_image__5bV9y {
  border-radius: 32px;
  margin: 0 auto;
}

.CardItems_nameWrapper__S_sLm {
  padding-block: 12px 6px;
}

.CardItems_name__vI6mj {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.CardItems_category__2tfD8 {
  padding-bottom: 16px;
}

@media (max-width: 480px) {
  .CardItems_infoWithPhoto__xjnhK {
    padding-inline: 0;
  }
  .CardItems_image__5bV9y {
    width: 150px;
    height: 150px;
  }
  .CardItems_name__vI6mj {
    font-size: var(--fontSizeL);
  }
  .CardItems_button__SBNqc {
    --buttonHorizontalPadding: 16px;
    font-size: var(--fontSizeS) !important;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/Rating/Rating.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Rating_smallPercent__qkP6j, .Rating_bigPercent__cqhsn {
  border-radius: var(--borderRadiusS);
  background-color: var(--black-500);
  font-weight: var(--fontWeightBold);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Rating_outer__el__S {
  position: relative;
}

.Rating_container__F1D0A {
  position: relative;
  padding: 32px;
}

.Rating_bigPercent__cqhsn {
  width: 104px;
  height: 104px;
  font-size: var(--fontSizeXXL);
}

.Rating_smallPercent__qkP6j {
  width: 48px;
  height: 48px;
  font-size: var(--fontSizeM);
}

.Rating_subtitle__J_oHI {
  padding-left: 70px;
}

@media (max-width: 768px) {
  .Rating_ratingWrapper__mz0r_ {
    flex-direction: column;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/ShortTags/ShortTags.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortTags_wrapper__m7SGS {
  background: var(--dark-grey-100);
  border-radius: var(--borderRadiusS);
  padding: 24px;
  margin-inline: 32px;
}

.ShortTags_selectedTag__7qn_h {
  position: relative;
}

.ShortTags_placeholder__0Koih {
  width: 100%;
  text-align: center;
}

@media (max-width: 480px) {
  .ShortTags_wrapper__m7SGS {
    margin-inline: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/Announcement/Announcement.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Announcement_wrapper__IFlJG {
  position: relative;
  margin-top: 32px;
  background: var(--grey-100);
  padding: 32px 16px;
  border-radius: 16px;
  margin-inline: 32px;
}

.Announcement_image__79zcn {
  width: auto;
}

.Announcement_closeIcon__zWOfJ {
  position: absolute;
  right: 16px;
  top: 16px;
  --iconColor: var(--black-200);
  cursor: pointer;
  transition: var(--baseTransition);
  z-index: 10;
}
.Announcement_closeIcon__zWOfJ:hover {
  transition: var(--baseTransition);
  transform: scale(1.3);
}

@media (max-width: 1268px) {
  .Announcement_wrapper__IFlJG {
    flex-direction: column;
  }
}
@media (max-width: 998px) {
  .Announcement_wrapper__IFlJG {
    flex-direction: row;
  }
}
@media (max-width: 698px) {
  .Announcement_wrapper__IFlJG {
    flex-direction: column;
    margin-inline: 0;
  }
  .Announcement_text__qRcQM {
    text-align: center;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/atoms/GuideSection/GuideSection.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GuideSection_guide__I5hx2 {
  cursor: pointer;
  position: absolute;
  bottom: 144px;
  left: 50%;
  transform: translateX(-50%);
  transition: var(--baseTransition);
}
.GuideSection_guide__I5hx2:hover .GuideSection_guideText__2ERH_ {
  transition: var(--baseTransition);
  color: var(--tiffany-500);
}

.GuideSection_guideText__2ERH_ {
  padding: 4px 8px;
  border-radius: 12px;
  background: var(--white);
  border: 1px solid var(--dark-grey-300);
  width: max-content;
}

@media (max-width: 998px) {
  .GuideSection_guide__I5hx2 {
    display: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/molecules/MessageInput/MessageInput.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MessageInput_wrapper__hnDh_ {
  flex: 0 1 50px;
  position: relative;
  justify-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--grey-100);
  border-radius: 8px;
}

.MessageInput_chatInput__RiEgq {
  width: 100%;
  height: 50px;
  max-height: 90px;
  border: none;
  outline: none;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  font-size: var(--fontSizeS);
  background-color: var(--grey-100);
  color: var(--black-500);
  resize: none;
  overflow-y: auto;
  transition: all var(--baseTransition);
}

.MessageInput_wrapper__hnDh_ .MessageInput_chatInput__RiEgq:hover {
  box-shadow: 0 0 5px var(--dark-grey-500) inset;
}

.MessageInput_chatInput__RiEgq:focus {
  box-shadow: 0 0 8px var(--dark-grey-400) inset;
}

.MessageInput_textarea__QnDQ1 {
  height: 90px;
}

.MessageInput_bottomBlock__jzbVT {
  width: 100%;
  padding: 8px;
}

.MessageInput_fileInput___yVj_ {
  display: none;
}

.MessageInput_attachButton__NW5oV {
  margin-right: 10px;
  padding: 6px;
  cursor: pointer;
  background-color: var(--white);
  border-radius: 50%;
  transition: var(--baseTransition);
}
.MessageInput_attachButton__NW5oV:hover {
  background-color: var(--grey-200);
}

.MessageInput_btnSend__0F8km {
  border: none;
  width: 188px;
  display: flex;
  align-items: center;
  height: 32px;
  justify-content: center;
  padding: 7px 0 7px 7px;
  cursor: pointer;
  background-color: var(--black-500);
  border-radius: 16px;
  transition: var(--baseTransition);
  gap: 10px;
}
.MessageInput_btnSend__0F8km:hover {
  background-color: var(--black-300);
}

.MessageInput_applyButton__xt3KZ {
  position: absolute;
  right: 8px;
  top: 8px;
  border: none;
  padding: 6px;
  cursor: pointer;
  background-color: var(--black-500);
  border-radius: 8px;
}

@media (max-width: 998px) {
  .MessageInput_applyButton__xt3KZ {
    width: 22px;
    height: 22px;
    right: 8px;
    top: 12px;
    padding: 4px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/molecules/ImageBase/ImageBase.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ImageBase_placeholder__T8uNq {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--fontWeightBold);
  color: var(--white);
  text-transform: uppercase;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/molecules/SpecialistsListQuickHelp/SpecialistsListQuickHelp.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecialistsListQuickHelp_container__cxDVU {
  padding-top: 32px;
}

.SpecialistsListQuickHelp_select__3WEdo {
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
  width: 100%;
  min-height: 51px;
  display: flex;
  align-items: center;
}

.SpecialistsListQuickHelp_image__CZpFO {
  border-radius: 8px;
}

.SpecialistsListQuickHelp_textWrapper__3hU1l {
  max-width: 140px;
}

.SpecialistsListQuickHelp_title___EgDP {
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Select/Select.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Select_value__1icIC {
  flex-grow: 1;
}

.Select_selected__BqYoh {
  background: var(--white3) !important;
}

.Select_field__mUxOF {
  margin-top: 2px;
}

.Select_arrowIcon__2eYuF {
  transition: var(--baseTransition);
}

.Select_root__zgpV7 {
  cursor: pointer;
}
.Select_root__zgpV7.Select_open__f_ITe .Select_arrowIcon__2eYuF {
  transform: rotate(180deg);
}
.Select_root__zgpV7.Select_disabled__y4Cvx {
  pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Dropdown/Dropdown.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Dropdown_item__PBwuS {
  padding: 8px 16px;
  cursor: pointer;
  white-space: nowrap;
  transition: var(--baseTransition);
}
.Dropdown_item__PBwuS:hover {
  background-color: var(--white2);
}

.Dropdown_popup__kMKdE {
  max-height: 210px;
  border-radius: 0 0 6px 6px;
  background-color: var(--white);
  overflow: auto;
  padding: 8px 0;
}
.Dropdown_popup__kMKdE.Dropdown_empty__TKZ1J {
  visibility: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/organisms/QuickHelpChat/QuickHelpChat.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QuickHelpChat_chatContainer__2WXbf {
  display: flex;
  flex-direction: column;
  height: 90%;
  overflow: hidden;
}

.QuickHelpChat_textBox__V_zzt {
  flex: 1 1 auto;
  padding: 16px 8px;
  overflow-y: auto;
}

.QuickHelpChat_messageBox__jxiVd {
  max-width: 250px;
  flex: 1 1 auto;
  justify-content: flex-end;
  overflow-y: auto;
  padding: 8px 8px 8px 0;
  scrollbar-gutter: stable;
}

.QuickHelpChat_hideMessageBox__OZlpI {
  filter: blur(5px);
}

@media (max-width: 998px) {
  .QuickHelpChat_messageBox__jxiVd {
    flex: 1 1 auto;
    justify-content: flex-end;
    overflow: hidden;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/atoms/LoadingSection/LoadingSection.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingSection_container__CqWb_ {
  margin-top: 128px;
  flex-grow: 1;
}

.LoadingSection_text__t9ZyK {
  text-align: center;
}

@media (max-width: 768px) {
  .LoadingSection_text__t9ZyK {
    font-size: var(--fontSizeM2);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/molecules/ChatMessage/ChatMessage.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ChatMessage_messageWrapper__2HVJY {
  position: relative;
  padding: 2px 0;
  transition: var(--baseTransition);
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_own__PNbhX {
  align-items: flex-end;
  justify-content: flex-end;
}
.ChatMessage_messageWrapper__2HVJY:hover .ChatMessage_messageControls__9tSOl {
  visibility: visible;
  opacity: 1;
}
.ChatMessage_messageWrapper__2HVJY:hover .ChatMessage_messageControls__9tSOl div, .ChatMessage_messageWrapper__2HVJY:hover .ChatMessage_messageControls__9tSOl svg {
  visibility: visible;
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L {
  padding-left: 40px;
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L:hover, .ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L.ChatMessage_selected__YZTdN {
  background: var(--white3);
  transition: var(--baseTransition);
  border-radius: var(--borderRadiusXS);
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L:hover .ChatMessage_messageCheck__OJ5n1, .ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L.ChatMessage_selected__YZTdN .ChatMessage_messageCheck__OJ5n1 {
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L:hover .ChatMessage_messageCheck__OJ5n1 svg, .ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L.ChatMessage_selected__YZTdN .ChatMessage_messageCheck__OJ5n1 svg {
  visibility: visible !important;
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L .ChatMessage_messageCheck__OJ5n1 {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  border-color: var(--white1);
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L .ChatMessage_messageCheck__OJ5n1 svg {
  visibility: hidden;
}
.ChatMessage_messageWrapper__2HVJY.ChatMessage_selecting__xv2_L .ChatMessage_messageControls__9tSOl {
  display: none;
}
.ChatMessage_messageWrapper__2HVJY .ChatMessage_messageControlsVisible__lCdK5 {
  opacity: 1;
}

.ChatMessage_messageCheck__OJ5n1 {
  position: absolute;
  top: calc(50% - 10px);
  border: 1px solid transparent;
  left: 10px;
  border-radius: var(--borderRadiusS) !important;
  transition: var(--baseTransition);
  transform: scale(0);
  background: var(--white1);
  box-shadow: 0 0 2px var(--dark-grey-100);
  visibility: hidden;
  opacity: 0;
  width: 19px;
  height: 19px;
}

.ChatMessage_popup__V3q2_ {
  border-radius: var(--borderRadiusS) !important;
}

.ChatMessage_messageControls__9tSOl {
  position: absolute;
  opacity: 0;
  background: var(--white);
  box-shadow: 0 0 2px var(--dark-grey-100);
  width: 19px;
  height: 19px;
  border-radius: 20px;
  right: 0;
  bottom: -10px;
}
.ChatMessage_messageControls__9tSOl svg {
  width: 18px;
  height: 18px;
}

.ChatMessage_message__XKaOu {
  max-width: 80%;
  position: relative;
}

.ChatMessage_textMessage__ya5ck {
  padding-right: 8px;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.ChatMessage_popup__V3q2_ {
  min-width: max-content;
}

.ChatMessage_messageTextWrapper__bOifD {
  display: inline-block;
  background: var(--grey-100);
  border-radius: 8px;
}

.ChatMessage_textWrapperRow__i_F2_ {
  align-items: flex-end;
  gap: 6px !important;
  padding: 8px;
}

.ChatMessage_textWrapperColumn__sGTU_ {
  flex-direction: column;
  padding: 8px 8px 4px 8px;
}

.ChatMessage_messageAvatar__NH0E_ {
  flex: none;
  border-radius: 6px;
  cursor: pointer;
}

.ChatMessage_messageStatusIcon__BxBEK {
  display: flex;
}
.ChatMessage_messageStatusIcon__BxBEK svg {
  width: 16px;
  height: 16px;
}
.ChatMessage_messageStatusIcon__BxBEK.ChatMessage_delivered__0LcLk {
  color: var(--dark-grey-500);
}
.ChatMessage_messageStatusIcon__BxBEK.ChatMessage_read__O2fWF {
  color: var(--tiffany-500);
}

.ChatMessage_timeWrapper__seMBp {
  float: right;
  padding-top: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/molecules/ChatHeader/ChatHeader.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ChatHeader_wrapper__c77FM {
  background: var(--grey-100);
  border-radius: 16px;
  padding: 8px;
}

.ChatHeader_image__H_VjT {
  border-radius: 12px;
  cursor: pointer;
}

.ChatHeader_active__IuPgB {
  border: 2px solid #0099B8;
  padding: 2px;
}

.ChatHeader_wrapperButtons__l1uzR {
  margin-left: auto;
  align-self: center;
}

.ChatHeader_button__Cm6RJ {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 6px;
  background-color: var(--dark-grey-200);
  border-radius: 8px;
  transition: var(--baseTransition);
}
.ChatHeader_button__Cm6RJ svg {
  display: flex;
}
.ChatHeader_button__Cm6RJ:hover {
  background-color: var(--grey-200);
  transition: var(--baseTransition);
}

.ChatHeader_arrowLeft__4ShTM {
  display: none;
}

@media (max-width: 998px) {
  .ChatHeader_arrowLeft__4ShTM {
    cursor: pointer;
    display: block;
    align-self: flex-start;
    width: 30px;
    height: 30px;
    transition: var(--baseTransition);
  }
  .ChatHeader_arrowLeft__4ShTM:hover {
    --iconColor: var(--tiffany-500);
    transition: var(--baseTransition);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/molecules/InfoSection/InfoSection.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InfoSection_spacing__1zPqP {
  padding-inline: 8px;
}

.InfoSection_spacing__1zPqP {
  max-width: 276px;
}

.InfoSection_fullName__kY2sD {
  word-break: break-word;
}

.InfoSection_container__oTJJD {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

.InfoSection_ownerIcon__eUYla {
  border-radius: 4px;
  border: 1px solid #0099B8;
  padding: 1px;
}

.InfoSection_userImage__rNFYf {
  border-radius: var(--borderRadiusS);
}

.InfoSection_contentItem__GLfxl {
  border-radius: 8px;
}

.InfoSection_link__CbJN1 {
  display: flex;
}

.InfoSection_item__V7PKh {
  display: flex;
  height: 24px;
  color: var(--white);
  border-radius: var(--borderRadiusS);
  background-color: var(--black-500);
  padding: 5px 8px;
}

.InfoSection_active__7gfIF {
  background-color: var(--blue-500);
}

.InfoSection_mediaItem__bxUXn {
  border-radius: 12px;
  cursor: pointer;
}

.InfoSection_arrowLink__yzyIr {
  rotate: -90deg;
  cursor: pointer;
  transition: var(--baseTransition);
}

.InfoSection_arrowLinkShowingAll__A7bPQ {
  rotate: 0deg;
}

.InfoSection_attachmentsList__a5D6B {
  max-width: inherit;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(80px, auto));
}

.InfoSection_actionButton__5H38L {
  display: flex;
  gap: 12px;
  align-items: center !important;
}

.InfoSection_infoWrapper__4CPo_ {
  padding-block: 24px 12px;
}

.InfoSection_contentWrapper__0ToD5 {
  padding-bottom: 16px;
}

.InfoSection_mediaWrapper__ughX5 {
  padding-block: 32px;
}

.InfoSection_nowrap__qCzuL {
  white-space: nowrap;
}

.InfoSection_profileLink__AQqEz {
  margin-left: auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/organisms/DeleteChatModal/DeleteChatModal.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DeleteChatModal_container__yVwAA div {
  width: 430px;
  max-height: 254px;
}

.DeleteChatModal_header__QeGfv {
  font-size: var(--fontSizeM2);
  font-weight: var(--fontWeightBold);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.DeleteChatModal_userInfo__jjwaB {
  gap: 15px;
}

.DeleteChatModal_userTitle___mHVi {
  font-size: var(--fontSizeMS);
  font-weight: var(--fontWeightBold);
}

.DeleteChatModal_footer__B9Lmh {
  margin-top: 20px;
  gap: 20px;
}

.DeleteChatModal_messageInput___R2h1 {
  position: relative;
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
  transition: var(--baseTransition);
  margin: 15px 0;
  min-height: 70px;
}

.DeleteChatModal_attachButton__BooiP {
  color: var(--grey-500);
}
.DeleteChatModal_attachButton__BooiP:hover {
  color: var(--black-500);
}
.DeleteChatModal_attachButton__BooiP svg {
  display: flex;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/atoms/ChatAttachments/ChatAttachments.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ChatAttachments_photos__n2nw8 {
  overflow: auto;
  max-height: 120px;
}

.ChatAttachments_photo__AyGL5 {
  border-radius: var(--borderRadiusXS);
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 120px;
}

.ChatAttachments_deletePhoto__2b1C1 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 20px;
  border-radius: var(--borderRadiusXS);
  right: 0;
  text-align: center;
  color: var(--white);
  top: 0;
  cursor: pointer;
}
.ChatAttachments_deletePhoto__2b1C1:hover {
  opacity: 0.9;
}

.ChatAttachments_files__dZAoy {
  margin: 5px 0;
}

.ChatAttachments_name__d__1C {
  max-width: 150px !important;
}

.ChatAttachments_wrapperFile__r0EWS {
  grid-column: 1/-1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/specialists/[id]/components/organisms/AppointmentModalWithCalendar/AppointmentModalWithCalendar.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentModalWithCalendar_container__xxmt7 {
  width: 735px;
}

.AppointmentModalWithCalendar_header__wv0E_ {
  font-size: var(--fontSizeM2);
  font-weight: var(--fontWeightBold);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.AppointmentModalWithCalendar_selects__09rBE {
  width: 100%;
}

.AppointmentModalWithCalendar_form__MhToG {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 360px;
}

.AppointmentModalWithCalendar_select__X7zND {
  background: var(--grey-100);
  border-radius: 16px;
  padding: 8px 16px;
}

.AppointmentModalWithCalendar_footer__cTAMO {
  padding-top: 16px;
  margin-top: 24px;
}

.AppointmentModalWithCalendar_summary__6LfZW {
  margin-right: 32px;
  font-size: var(--fontSizeM2);
  font-weight: var(--fontWeightBold);
}
.AppointmentModalWithCalendar_summary__6LfZW p {
  margin: 0;
  text-transform: capitalize;
}

.AppointmentModalWithCalendar_summary__6LfZW::-webkit-details-marker {
  display: none;
}

.AppointmentModalWithCalendar_tooltip__kjba1 {
  display: flex;
  text-align: center;
  line-height: 26px;
  min-height: 300px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 800px) {
  .AppointmentModalWithCalendar_container__xxmt7 {
    width: 100%;
  }
  .AppointmentModalWithCalendar_wrapper__CGwEI {
    flex-direction: column !important;
    align-items: center !important;
  }
  .AppointmentModalWithCalendar_button__BhbJq {
    --buttonHorizontalPadding: 20px;
  }
  .AppointmentModalWithCalendar_footer__cTAMO {
    padding-top: 0;
    justify-content: center;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/specialists/[id]/components/organisms/AppointmentModalWithCalendar/components/AppointmentSlotsList/AppointmentSlotsList.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentSlotsList_scheduleLine__Pm_CC:not(:last-child) {
  margin-bottom: 12px;
}

.AppointmentSlotsList_scheduleDate___dwmV {
  font-weight: var(--fontWeightRegular);
  font-size: var(--fontSizeS);
  margin-bottom: 8px;
  white-space: nowrap;
}

.AppointmentSlotsList_scheduleBtn__7t23d {
  padding: 5px 6px;
  width: 46px;
  border-radius: 8px;
  background-color: var(--grey-100);
  color: var(--black-500);
  font-size: var(--fontSizeXS);
  font-weight: var(--fontWeightBold);
  cursor: pointer;
}

.AppointmentSlotsList_scheduleBtnActive__Hf484 {
  color: var(--white);
  background-color: var(--tiffany-500);
}

.AppointmentSlotsList_schedule__Mklno {
  scrollbar-gutter: stable;
  height: 200px;
  overflow-y: auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/atoms/CalendarLegend/CalendarLegend.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalendarLegend_wrapper__5Ut5r {
  padding-top: 16px;
}

.CalendarLegend_cell__PDF2T {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 8px;
}

.CalendarLegend_gray__1Id4w {
  background-color: var(--grey-100);
}

.CalendarLegend_tiffany__tDXjl {
  background-color: var(--tiffany-500);
  color: var(--white);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/atoms/InnerWrapper/InnerWrapper.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InnerWrapper_wrapper__Tms_x {
  position: relative;
  background-color: var(--white);
  z-index: 5;
}

.InnerWrapper_withBorder__kpb_f {
  border: 1px solid var(--grey-100);
  border-radius: var(--borderRadiusS);
  padding: 24px;
}

.InnerWrapper_titleWrapper__7B3_U {
  padding-left: 4px;
  border-bottom: 1px solid var(--grey-100);
  padding-bottom: 12px;
}

.InnerWrapper_underline__2vKfQ {
  text-transform: capitalize;
  display: block;
}

.InnerWrapper_content__JvThs {
  border-bottom: 1px solid var(--grey-100);
  min-height: 268px;
}

.InnerWrapper_arrowBtn__HFefm {
  display: flex;
  background-color: inherit;
  transition: var(--baseTransition);
  cursor: pointer;
}
.InnerWrapper_arrowBtn__HFefm:hover {
  transform: scale(1.2);
}
.InnerWrapper_arrowBtn__HFefm:disabled {
  visibility: hidden;
}
.InnerWrapper_arrowBtn__HFefm:active span {
  color: var(--dark-grey-500);
}

@media (max-width: 480px) {
  .InnerWrapper_withBorder__kpb_f {
    padding: 12px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/organisms/Calendar/Calendar.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Calendar_dayWeek__lA0hl {
  text-transform: capitalize;
  width: 32px;
  height: 32px;
}

.Calendar_cell__OaPAe {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.Calendar_cell__OaPAe.Calendar_disabled__ydqcV {
  background: inherit;
  color: var(--grey-200);
  cursor: not-allowed;
  pointer-events: none;
}
.Calendar_cell__OaPAe.Calendar_today__EZ41L {
  font-weight: var(--fontWeightBold);
  color: var(--tiffany-500);
}
.Calendar_cell__OaPAe.Calendar_available__4_zDJ {
  background-color: var(--tiffany-500);
}
.Calendar_cell__OaPAe.Calendar_selected__yN1x_ {
  background-color: var(--black-500);
  color: var(--white);
}
.Calendar_cell__OaPAe.Calendar_unavailable__Tr6DH {
  background-color: var(--grey-100);
}

.Calendar_calendar__cwCv7 {
  padding-left: 12px;
}

.Calendar_loading__F5uFX {
  text-align: center;
  padding-top: 80px;
}

.Calendar_number__8dNBc {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .Calendar_calendar__cwCv7 {
    padding-left: 0;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/atoms/CategorySection/CategorySection.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CategorySection_content__pQjUJ {
  padding-top: 16px;
  line-height: 18px;
}

.CategorySection_description____3hu {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/atoms/CalendarDay/CalendarDay.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalendarDay_popup__40nUy {
  min-width: max-content;
  border-radius: 16px !important;
  max-height: 160px !important;
  overflow-Y: auto;
}

.CalendarDay_popupItem___jq7k {
  margin: 0 auto;
}

.CalendarDay_tiffany__N1sA6 {
  color: var(--tiffany-500);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/services/components/atoms/CardService/CardService.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CardService_wrapper__tgPl_ {
  border-radius: 48px;
  border: 2px solid var(--grey-100);
  padding: 24px 24px 16px 24px;
}
.CardService_wrapper__tgPl_ > div {
  border-bottom: 1px solid var(--grey-100);
}
.CardService_wrapper__tgPl_ > div:last-child {
  border-bottom: none;
}

.CardService_underline__gmgLC {
  border-bottom: 1px solid var(--grey-100);
}

.CardService_cell__FiH30 {
  padding: 16px 8px;
}

.CardService_alignEnd__wjHN0 {
  text-align: end;
}

@media (max-width: 600px) {
  .CardService_container__sd87P {
    flex-direction: column;
    align-items: center;
  }
  .CardService_caption__2L6kX {
    font-size: var(--fontSizeS);
  }
  .CardService_description__Rvt5E, .CardService_cell__FiH30 {
    font-size: var(--fontSizeM);
    text-align: center;
  }
  .CardService_wrapper__tgPl_ {
    padding: 12px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/specialists/[id]/components/organisms/AppointmentModalWithCalendar/components/AppointmentForm/AppointmentForm.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentForm_select__nUTah {
  height: 56px;
}

.AppointmentForm_tooltip__lgoFf {
  font-size: var(--fontSizeS);
}
.AppointmentForm_tooltip__lgoFf.AppointmentForm_tooltipHidden__xHPWZ {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/FormSelect/FormSelect.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormSelect_wrapper__FmMps {
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/Form/Form.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Form_root__mAwLm {
  display: flex;
  flex-direction: column;
  gap: var(--formGap, 24px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/messages/(index)/components/molecules/AttachmentsView/AttachmentsView.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AttachmentsView_photos__y83Tc .AttachmentsView_photo__4cX3U img {
  border-radius: var(--borderRadiusXS);
  cursor: pointer;
}

.AttachmentsView_files__5J7BO {
  margin: 5px 0;
}

.AttachmentsView_fileIcon__V_BQ_ {
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
}
.AttachmentsView_fileIcon__V_BQ_ > svg {
  scale: 1.2;
}

.AttachmentsView_file__5vogo:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.AttachmentsView_fileName__ZUMSx {
  flex-grow: 1;
}

.AttachmentsView_name__lJPEk {
  max-width: 150px !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/molecules/PaidChatsListQuickHelp/PaidChatsListQuickHelp.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaidChatsListQuickHelp_container__zi76S {
  padding-top: 32px;
}

.PaidChatsListQuickHelp_select__FWsFG {
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
  width: 100%;
  min-height: 51px;
  display: flex;
  align-items: center;
}

.PaidChatsListQuickHelp_image__R3y_t {
  border-radius: 8px;
}

.PaidChatsListQuickHelp_textWrapper__Pm41k {
  max-width: 185px;
}

.PaidChatsListQuickHelp_title__2MGkU {
  text-align: center;
}

.PaidChatsListQuickHelp_button__riliw {
  --buttonHorizontalPadding: 12px;
}

.PaidChatsListQuickHelp_itemWrapper__u0GpH {
  width: 100%;
  border: 1px solid var(--grey-200);
  border-radius: 12px;
  padding: 8px;
  transition: var(--baseTransition);
  cursor: pointer;
  overflow: hidden;
}
.PaidChatsListQuickHelp_itemWrapper__u0GpH:hover {
  box-shadow: var(--boxShadow);
  transition: var(--baseTransition);
}

.PaidChatsListQuickHelp_active__4oKj2 {
  box-shadow: var(--boxShadow);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/organisms/QuickHelpSection/QuickHelpSection.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.QuickHelpSection_sidebar__05EMn {
  z-index: 5;
  position: absolute;
  bottom: 88px;
  left: 8px;
  background-color: var(--white);
  transition: all 0.5s;
  border-radius: 16px;
  width: 95%;
  height: 0;
}
.QuickHelpSection_sidebar__05EMn.QuickHelpSection_open__JaVhh {
  bottom: 1%;
  height: 98%;
}

@media (max-width: 998px) {
  .QuickHelpSection_sidebar__05EMn {
    left: 8px;
  }
  .QuickHelpSection_sidebar__05EMn.QuickHelpSection_open__JaVhh {
    bottom: 1%;
    height: 99%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/components/organisms/AccountDetails/AccountDetails.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AccountDetails_subscription__SuSKm {
  margin-block: 20px;
  width: 100%;
}

.AccountDetails_button__f_7g6 {
  transition: var(--baseTransition);
}
.AccountDetails_button__f_7g6:hover {
  --iconColor: var(--tiffany-500);
  transition: var(--baseTransition);
}

.AccountDetails_popup__CbJSL {
  font-size: var(--fontSizeS);
  padding: 4px 8px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ProfileWindow/ProfileWindow.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProfileWindow_root__Gcbk6 {
  position: relative;
  background-color: var(--grey-100);
  padding: 8px;
  border-radius: 16px;
  margin-left: 32px;
  height: 100%;
  max-height: 704px;
  min-width: 276px;
}

.ProfileWindow_firstContainer__jYnUk {
  position: relative;
  border-radius: 16px;
  background-color: var(--white);
  padding: 18px;
  width: auto;
  transition: all 0.6s;
}

.ProfileWindow_secondContainer__qD0so {
  border-radius: 16px;
  background-color: var(--white);
  padding: 8px 8px 72px 8px;
}
.ProfileWindow_secondContainer__qD0so.ProfileWindow_upBalance__JP9Aj {
  padding-top: 8px;
}

.ProfileWindow_chatButton__8_VkV {
  margin: auto auto 0 auto;
  width: max-content;
  align-items: center;
  --buttonHorizontalPadding: 24px;
  border-radius: 16px;
}

@media (max-width: 998px) {
  .ProfileWindow_root__Gcbk6 {
    width: 220px;
    margin-left: 12px;
    max-height: 894px;
  }
}
@media (max-width: 768px) {
  .ProfileWindow_root__Gcbk6 {
    width: 150px;
    margin-left: 0;
  }
}
@media (max-width: 430px) {
  .ProfileWindow_root__Gcbk6 {
    width: 100%;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/TabsMenu/TabsMenu.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TabsMenu_tabsContainer__vGhrZ {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  overflow-x: auto;
}
.TabsMenu_tabsContainer__vGhrZ::-webkit-scrollbar {
  cursor: pointer;
  height: 8px;
}

.TabsMenu_backButton__DcJxt {
  position: absolute;
  top: 19px;
  border-radius: 12px;
  background-color: var(--grey-100);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--baseTransition);
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.TabsMenu_backButton__DcJxt:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.TabsMenu_backButton__DcJxt:active {
  background: var(--grey-300);
}

.TabsMenu_tabs__olDWS {
  position: absolute;
}

.TabsMenu_withBackBtn__j1UXO {
  margin-left: 60px;
  width: calc(100% - 60px);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/Tabs/Tabs.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Tabs_tabsWrapper__yseTF {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 26px 16px;
  white-space: nowrap;
  margin: 0 auto;
  scrollbar-width: none;
}

.Tabs_tabs__qnUHQ {
  display: inline-flex;
  flex-wrap: nowrap;
}

.Tabs_item__X7RzR {
  flex: 0 0 auto;
  position: relative;
  white-space: nowrap;
  margin-right: 16px;
}
.Tabs_item__X7RzR.Tabs_active__AfDZZ:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 6px;
  background: var(--black-500);
  border-radius: 16px;
  pointer-events: none;
}

.Tabs_line__EsDN2 {
  height: 10px;
  background: var(--grey-100);
  border-radius: 8px;
  margin-left: -4px;
  margin-right: -4px;
}

.Tabs_notificationBadge__rxK8C {
  position: absolute;
  top: -15px;
  right: -10px;
  background-color: var(--red-500);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 0;
}

.Tabs_notificationBadgeBig__9IF_o {
  width: 22px;
  height: 22px;
  top: -18px;
  right: -12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/notifications/components/NotificationBase/NotificationBase.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NotificationBase_container__NfADt {
  width: 100%;
  display: grid;
  grid-template-areas: "image caption _ dots" "image content action date";
  background-color: var(--grey-100);
  padding: var(--spacingXS);
  border-radius: var(--borderRadiusS);
  grid-column-gap: var(--spacingXS);
  column-gap: var(--spacingXS);
  transition: var(--baseTransition);
  grid-template-columns: 68px 1fr max-content max-content;
}
.NotificationBase_container__NfADt:hover {
  box-shadow: var(--boxShadow);
  background-color: var(--white);
  transition: var(--baseTransition);
}

.NotificationBase_popup__x3sbz {
  grid-template-areas: "image caption dots" "image content action";
  grid-template-columns: 68px 1fr max-content;
  border-radius: var(--borderRadiusS) !important;
}

.NotificationBase_image__CrmHP {
  grid-area: image;
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: var(--borderRadiusXS);
}

.NotificationBase_dots__md2yJ {
  grid-area: dots;
  margin-left: auto;
  font-size: var(--fontSizeS);
  width: 18px;
  height: 18px;
}

.NotificationBase_dateBox__9k260 {
  grid-area: date;
  transform: translateY(4px);
}

.NotificationBase_deliveredIcon__0S2DA {
  display: flex;
}

.NotificationBase_highlighted__ZK0K_ {
  font-weight: var(--fontWeightBold);
  color: var(--tiffany-500);
}

.NotificationBase_closeButton__qGx6r {
  cursor: pointer;
  z-index: 10;
  background-color: transparent;
  transition: var(--baseTransition);
}
.NotificationBase_closeButton__qGx6r:hover {
  transform: scale(1.3);
}
.NotificationBase_closeButton__qGx6r:active {
  transform: scale(1.1);
}

@media (max-width: 1268px) {
  .NotificationBase_container__NfADt {
    grid-template-areas: "image caption dots" "image content content" "action action action" "_ _ date";
    grid-template-columns: 68px 1fr max-content;
    column-gap: 8px;
  }
  .NotificationBase_caption__1ug_P {
    padding-left: 8px;
  }
  .NotificationBase_content__baIvX {
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .NotificationBase_title__xbPFM {
    font-size: var(--fontSizeM);
  }
  .NotificationBase_dots__md2yJ {
    rotate: 90deg;
  }
  .NotificationBase_dateBox__9k260 {
    transform: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/notifications/components/styles/AppointmentNotification.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentNotification_container__80yST {
  width: 100%;
  display: grid;
  grid-template-areas: "image caption _ dots" "image content action date";
  background-color: var(--grey-100);
  padding: var(--spacingXS);
  border-radius: var(--borderRadiusS);
  grid-column-gap: var(--spacingXS);
  column-gap: var(--spacingXS);
  transition: var(--baseTransition);
  grid-template-columns: 68px 1fr max-content max-content;
}
.AppointmentNotification_container__80yST:hover {
  background-color: var(--white);
  box-shadow: var(--boxShadow);
  transition: var(--baseTransition);
}

.AppointmentNotification_popup__EXbI4 {
  grid-template-areas: "image caption dots" "image content action";
  grid-template-columns: 68px 1fr max-content;
}

.AppointmentNotification_image__ulIqq {
  grid-area: image;
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: var(--borderRadiusXS);
}

.AppointmentNotification_dots__6G669 {
  grid-area: dots;
  margin-left: auto;
  font-size: var(--fontSizeS);
  width: 18px;
  height: 18px;
}

.AppointmentNotification_popup__EXbI4 {
  border-radius: var(--borderRadiusS) !important;
}

.AppointmentNotification_caption__xjlzo {
  grid-area: caption;
  padding-bottom: 6px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-column: 2/4;
}

.AppointmentNotification_text__fMDxc {
  padding-right: 8px;
}

.AppointmentNotification_content__zeQiQ {
  grid-area: content;
  overflow: hidden;
}

.AppointmentNotification_dateBox__hXqmf {
  grid-area: date;
  transform: translateY(4px);
}

.AppointmentNotification_deliveredIcon__UE67w {
  display: flex;
}

.AppointmentNotification_highlighted__gavag {
  font-weight: var(--fontWeightBold);
  color: var(--tiffany-500);
}

.AppointmentNotification_description__7VeSx {
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.AppointmentNotification_closeButton__llBfU {
  cursor: pointer;
  z-index: 10;
  background-color: transparent;
  transition: var(--baseTransition);
}
.AppointmentNotification_closeButton__llBfU:hover {
  transform: scale(1.3);
}
.AppointmentNotification_closeButton__llBfU:active {
  transform: scale(1.1);
}

.AppointmentNotification_action__L_mwD {
  grid-area: action;
}

.AppointmentNotification_actionButton__cOnbR {
  align-self: flex-end;
  color: var(--black-100);
  padding: 7px 16px !important;
  font-size: 14px;
  border-radius: var(--borderRadiusS) !important;
  font-weight: 700;
}

@media (max-width: 1268px) {
  .AppointmentNotification_container__80yST {
    grid-template-areas: "image caption dots" "image content content" "action action action" "_ _ date";
    grid-template-columns: 68px 1fr max-content;
    column-gap: 8px;
  }
  .AppointmentNotification_description__7VeSx {
    display: block;
    padding-block: 6px;
  }
  .AppointmentNotification_caption__xjlzo {
    padding-left: 8px;
  }
  .AppointmentNotification_content__zeQiQ {
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .AppointmentNotification_title__3btXq {
    font-size: var(--fontSizeM);
  }
  .AppointmentNotification_dots__6G669 {
    rotate: 90deg;
  }
  .AppointmentNotification_dateBox__hXqmf {
    transform: none;
  }
  .AppointmentNotification_action__L_mwD {
    margin-block: 16px 12px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/notifications/components/ConfirmAppointmentNotification/components/AppointmentCancellationModal/AppointmentCancellationModal.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentCancellationModal_container__J4Pjw {
  overflow: hidden;
}

.AppointmentCancellationModal_container__J4Pjw::before {
  content: "";
  position: absolute;
  width: 462px;
  height: 462px;
  border-radius: 50%;
  top: 8%;
  left: -16%;
  background-color: var(--grey-100);
}

.AppointmentCancellationModal_wrapper__YeW9m {
  overflow: hidden;
  position: relative;
  max-width: 566px;
  padding: 32px;
}

.AppointmentCancellationModal_image__kGXOD {
  margin: 30px 0 0 0;
}

.AppointmentCancellationModal_description__iFYlJ {
  font-size: var(--fontSizeM2);
  color: var(--dark-grey-500);
  text-align: center;
  line-height: 26px;
}

.AppointmentCancellationModal_button__mG7qq {
  padding-inline: 32px !important;
  font-weight: var(--fontWeightBold);
}

@media (max-width: 768px) {
  .AppointmentCancellationModal_container__J4Pjw::before {
    width: 330px;
    height: 330px;
  }
  .AppointmentCancellationModal_wrapper__YeW9m {
    padding: 24px 4px 4px 4px;
    gap: 24px;
  }
  .AppointmentCancellationModal_title__CJ6sz {
    font-size: var(--fontSizeL);
  }
  .AppointmentCancellationModal_description__iFYlJ,
  .AppointmentCancellationModal_bold__TAJz6 {
    font-size: var(--fontSizeM);
  }
  .AppointmentCancellationModal_button__mG7qq {
    height: 40px !important;
    padding-inline: 24px !important;
  }
  .AppointmentCancellationModal_button__mG7qq span {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/FlipFirstSteps/FlipFirstSteps.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.FlipFirstSteps_front__jvdyp,
.FlipFirstSteps_back__rzjhW {
  width: 100%;
  min-height: 100%;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: flex-end;
}

.FlipFirstSteps_front__jvdyp {
  position: relative;
  z-index: 2;
}
.FlipFirstSteps_front__jvdyp.FlipFirstSteps_color_green__ymCVb {
  background: var(--green-100);
}
.FlipFirstSteps_front__jvdyp.FlipFirstSteps_color_blue__SMfvM {
  background: var(--blue-100);
}
.FlipFirstSteps_front__jvdyp.FlipFirstSteps_color_violet__wwDXt {
  background: var(--violet-100);
}
.FlipFirstSteps_front__jvdyp.FlipFirstSteps_color_tiffany__K4lM5 {
  background: var(--tiffany-100);
}
.FlipFirstSteps_front__jvdyp img {
  max-width: 142px;
  position: absolute;
  top: 42px;
  right: 0;
  z-index: -1;
}
.FlipFirstSteps_front__jvdyp::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: white;
  z-index: -2; /* Круг позади изображения */
}

.FlipFirstSteps_back__rzjhW {
  background: var(--black-500);
  position: relative;
}

.FlipFirstSteps_root__oKy4o {
  min-height: 240px;
  min-width: 320px;
}
.FlipFirstSteps_root__oKy4o.FlipFirstSteps_mobile__NnI6O {
  height: 310px;
}
.FlipFirstSteps_root__oKy4o.FlipFirstSteps_mobile__NnI6O .FlipFirstSteps_back__rzjhW {
  padding: 32px;
}
@media (max-width: 1524px) {
  .FlipFirstSteps_root__oKy4o {
    min-height: 300px;
  }
}
@media (max-width: 1400px) {
  .FlipFirstSteps_root__oKy4o {
    min-height: 240px;
  }
}
@media (max-width: 480px) {
  .FlipFirstSteps_root__oKy4o {
    min-width: 250px;
  }
}

.FlipFirstSteps_btn__4Qdxx {
  position: absolute;
  bottom: 24px;
  right: 24px;
  justify-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.FlipFirstSteps_btn__4Qdxx:hover {
  background-color: var(--grey4);
}
.FlipFirstSteps_btn__4Qdxx:active {
  background-color: var(--grey2);
}

.FlipFirstSteps_frontTitle__SUIW8 {
  line-height: 1.7;
}

.FlipFirstSteps_frontSubTitle__eoez_ {
  line-height: 1.5;
}

@media (max-width: 468px) {
  .FlipFirstSteps_frontTitle__SUIW8, .FlipFirstSteps_backTitle__dQdMj {
    align-self: flex-start;
    font-size: var(--fontSizeM);
  }
  .FlipFirstSteps_frontSubTitle__eoez_ {
    font-size: var(--fontSizeS);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/blocks/components/TileWithImage/TileWithImage.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TileWithImage_title__FY0PX {
  position: relative;
  z-index: 1;
}

.TileWithImage_image__LWf0G {
  position: absolute;
  bottom: 0;
  right: 0;
}

.TileWithImage_root__43J7_ {
  position: relative;
  padding: 46px;
}
.TileWithImage_root__43J7_.TileWithImage_mobile__oNIUn {
  padding: 32px;
}
.TileWithImage_root__43J7_.TileWithImage_mobile__oNIUn .TileWithImage_image__LWf0G {
  max-height: 180px;
  max-width: 100%;
}

@media (max-width: 468px) {
  .TileWithImage_root__43J7_ {
    padding: 24px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/FlipCard/FlipCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FlipCard_front__pSt1R,
.FlipCard_back__Sc6H2 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.FlipCard_back__Sc6H2 {
  transform: rotateY(180deg);
}
.FlipCard_back__Sc6H2 .FlipCard_flipIcon__V_oJ9 {
  transform: rotate(180deg);
}
.FlipCard_back__Sc6H2 span {
  max-width: unset !important;
}

.FlipCard_container__1ZYb9 {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.4s ease-in-out;
}

.FlipCard_flipIcon__V_oJ9 {
  --iconColor: #f5f5f58a;
  position: absolute;
  top: 24px;
  right: 24px;
}

.FlipCard_root__R_99B {
  perspective: 800px;
}
.FlipCard_root__R_99B:not(.FlipCard_mobile___xQ7v):hover .FlipCard_container__1ZYb9, .FlipCard_root__R_99B.FlipCard_flipped__nfnc2 .FlipCard_container__1ZYb9 {
  transform: rotateY(-180deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/FirstSteps/FirstSteps.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FirstSteps_firstStepsLength__ngDop {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
  margin-left: 24px;
}

.FirstSteps_btnGo__neN3R {
  border: none;
  display: flex;
  align-items: center;
  width: 94px;
  height: 40px;
  padding: 8px 16px;
  border-radius: 16px;
  background-color: var(--grey-100);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%237F8F9F" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"/><polyline points="12 9 15 12 12 15"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.FirstSteps_btnGo__neN3R:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.FirstSteps_btnGo__neN3R:active {
  background-color: var(--grey-200);
}
.FirstSteps_btnGo__neN3R:disabled {
  background-color: var(--dark-grey-200);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"/><polyline points="12 9 15 12 12 15"/></svg>');
}
.FirstSteps_btnGo__neN3R:disabled span {
  color: var(--white);
}

.FirstSteps_btnGoSupport__taGJp {
  width: 148px;
}

.FirstSteps_formGroup__oozoP {
  position: relative;
  width: 104px;
  height: 40px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--white3);
  margin: 10px 0;
  border-radius: 16px;
}

.FirstSteps_btnX__kHX9V {
  border: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 13px;
  border-radius: 16px;
  background-color: var(--grey-100);
  cursor: pointer;
  transition: var(--baseTransition);
}
.FirstSteps_btnX__kHX9V:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.FirstSteps_btnX__kHX9V:active {
  background-color: var(--grey-200);
}

.FirstSteps_root__JS3jQ {
  width: 100%;
  height: auto;
  padding: 32px 0;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

@media (max-width: 480px) {
  .FirstSteps_header__aS6Na {
    flex-direction: column;
  }
}

.FirstSteps_cardBox__3qGdW {
  padding: 20px 30px;
  max-width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 40px;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1950px) {
  .FirstSteps_cardBox__3qGdW {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1400px) {
  .FirstSteps_cardBox__3qGdW {
    grid-template-columns: repeat(auto-fit, minmax(400px, 600px));
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .FirstSteps_cardBox__3qGdW {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding: 32px 0 0 0;
  }
}

.FirstSteps_card__DGmAc {
  display: flex;
  max-height: 250px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1524px) {
  .FirstSteps_card__DGmAc {
    max-height: 300px;
  }
}
@media (max-width: 1400px) {
  .FirstSteps_card__DGmAc {
    max-height: 250px;
    max-width: 600px;
  }
}
@media (max-width: 480px) {
  .FirstSteps_card__DGmAc {
    height: 220px;
    max-height: 220px;
  }
}

.FirstSteps_flip__Iw_NI {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 18px);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/NavigationButton/NavigationButton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NavigationButton_button__agRcA {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  height: 40px;
  padding: 8px 16px;
  border-radius: 16px;
  cursor: pointer;
  transition: var(--baseTransition);
  color: var(--dark-grey-500);
  background: var(--grey-100);
}
.NavigationButton_button__agRcA:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.NavigationButton_button__agRcA:active {
  background-color: var(--grey-200);
}
.NavigationButton_button__agRcA:disabled {
  background-color: var(--dark-grey-200);
}
.NavigationButton_button__agRcA:disabled svg {
  color: var(--white);
}
.NavigationButton_button__agRcA:disabled span {
  color: var(--white);
}

.NavigationButton_left__UsAfh svg {
  transform: rotate(-90deg);
}

.NavigationButton_up__dP4dj svg {
  transform: rotate(180deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ActiveCard/ActiveCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ActiveCard_card__xLsdg {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--grey-100);
  position: relative;
}

.ActiveCard_header__dcjAz {
  position: relative;
}

.ActiveCard_sessionInfo__hu2Zn {
  font-size: var(--fontSizeS);
  position: relative;
}

.ActiveCard_sessionInfo__hu2Zn select {
  border: none;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-left: -4px;
  border-radius: 12px;
  padding: 5px 7px;
  padding-right: 20px;
  z-index: 2;
  transition: var(--baseTransition);
}
.ActiveCard_sessionInfo__hu2Zn select:hover {
  box-shadow: 0 0 2px var(--black-500);
}
.ActiveCard_sessionInfo__hu2Zn select:focus {
  outline: none;
}

.ActiveCard_icon__zcZYd {
  position: absolute;
  top: 9px;
  right: 42px;
  margin-left: 8px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.ActiveCard_icon__zcZYd.ActiveCard_iconOpen__BAmVW {
  transform: rotate(180deg);
}

.ActiveCard_textActive__XzsYF {
  text-align: center;
}

.ActiveCard_progressBar__wbwDp {
  position: relative;
  height: 16px;
  background-color: var(--white);
  border-radius: 16px;
}

.ActiveCard_progress__o5NNE {
  height: 100%;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
}

.ActiveCard_progress__o5NNE.ActiveCard_red__JI_8p {
  background-color: var(--red-300);
}

.ActiveCard_progress__o5NNE.ActiveCard_yellow__EFtaa {
  background-color: var(--yellow-300);
}

.ActiveCard_progress__o5NNE.ActiveCard_green__uON6u {
  background-color: var(--green-300);
}

.ActiveCard_progressLabel__gHWVD {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: bold;
  color: var(--black-500);
}
.ActiveCard_progressLabel__gHWVD.ActiveCard_backLabel__poYSL {
  right: -30px;
}

.ActiveCard_progressCircle__6ZD1P {
  position: absolute;
  right: -6px;
  top: -6px;
  width: 12px;
  height: 12px;
  background-color: var(--white);
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
}

.ActiveCard_progressPopApp__beIhd {
  position: absolute;
  bottom: 50px;
  right: 20%;
  background-color: var(--white);
  z-index: 2;
  color: var(--black-500);
  padding: 8px;
  border-radius: 16px;
  max-width: 324px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.ActiveCard_progressPopApp__beIhd.ActiveCard_active__XLMqT {
  opacity: 1;
  visibility: visible;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/components/CardLayout/CardLayout.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.CardLayout_card__hLZu5 {
  min-width: 346px;
  height: 240px;
  border-radius: 16px;
  background-color: #fff; /* или любой другой цвет фона */
  transition: width 0.3s ease; /* плавное увеличение ширины */
}

@media (max-width: 480px) {
  .CardLayout_card__hLZu5 {
    min-width: 300px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PracticeCard/components/CalendarPracticeStep/CalendarPracticeStep.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalendarPracticeStep_card__D_K5w {
  width: 100%;
  height: 100%;
  padding: 34px;
  border-radius: 16px;
  background-color: var(--grey-100);
  position: relative;
  overflow: visible;
}

.CalendarPracticeStep_numb__1512A {
  color: var(--dark-grey-500);
}

.CalendarPracticeStep_btn__ozF_9 {
  padding: 7px 16px;
  border-radius: 16px;
  background-color: var(--black-500);
  border: none;
  cursor: pointer;
  transition: var(--baseTransition);
}
.CalendarPracticeStep_btn__ozF_9:hover {
  background: var(--tiffany-500);
}
.CalendarPracticeStep_btn__ozF_9:active {
  background: var(--grey-300);
}
.CalendarPracticeStep_btn__ozF_9:disabled {
  background: var(--grey-500);
  cursor: not-allowed;
}

.CalendarPracticeStep_btnSymbol__nkSyk {
  padding: 7px 14px;
  border-radius: 50%;
  border: none;
  background-color: var(--white);
  display: flex;
  align-items: center;
  transition: var(--baseTransition);
  cursor: pointer;
}
.CalendarPracticeStep_btnSymbol__nkSyk:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.CalendarPracticeStep_btnSymbol__nkSyk:active {
  background: var(--grey-200);
}

.CalendarPracticeStep_btnX__ixVYL {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  transition: var(--baseTransition);
}
.CalendarPracticeStep_btnX__ixVYL:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.CalendarPracticeStep_btnX__ixVYL:active {
  background-color: var(--grey-200);
}

.CalendarPracticeStep_selectContainer__ncBgO {
  width: 100%;
}

.CalendarPracticeStep_datePicker__ewTZw {
  position: relative;
}

.CalendarPracticeStep_calendarWrapper__Jv9Zg {
  position: absolute;
  top: 80%;
  left: 0;
}

.CalendarPracticeStep_body__xIP74 {
  margin-top: 8px;
}

.CalendarPracticeStep_btnCalendar__ZjXFJ {
  width: 100%;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid var(--dark-grey-200);
  background-color: var(--white);
  position: relative;
  cursor: pointer;
  transition: var(--baseTransition);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ:hover {
  border: 1px solid var(--black-500);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ:active {
  border: 2px solid var(--black-500);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ .CalendarPracticeStep_textCalendar__HUE51::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 36.5px;
  width: 0.5px;
  height: 37px;
  background-color: var(--dark-grey-400);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ span {
  transition: var(--baseTransition);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ.CalendarPracticeStep_openCalendar__3skjp span {
  color: var(--black-500);
}
.CalendarPracticeStep_btnCalendar__ZjXFJ.CalendarPracticeStep_openCalendar__3skjp .CalendarPracticeStep_btnArrow__ylA4i {
  transform: rotate(90deg);
}

.CalendarPracticeStep_choiceDateBox__CTrBx {
  align-items: flex-start;
  overflow: hidden;
}

.CalendarPracticeStep_btnArrow__ylA4i {
  transform: rotate(270deg);
  display: flex;
  padding: 3px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/specialists/[id]/components/atoms/AppointmentSuccessModal/AppointmentSuccessModal.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AppointmentSuccessModal_container__bwaLJ {
  width: 100%;
  max-width: 566px;
}

.AppointmentSuccessModal_header__8qzF6 {
  font-size: var(--fontSizeXXL);
  font-weight: var(--fontWeightBold);
  padding-top: 44px;
  margin-bottom: 32px;
}

.AppointmentSuccessModal_text__ZcEHe {
  font-size: var(--fontSizeM2);
  font-weight: var(--fontWeightRegular);
  color: var(--dark-grey-500);
  text-align: center;
  line-height: 1.5;
}

.AppointmentSuccessModal_textStrong__U2D4T {
  font-weight: var(--fontWeightBold);
  color: #000000;
}

.AppointmentSuccessModal_button__kNbBd {
  margin-top: 32px;
  padding: 0 32.5px !important;
}

.AppointmentSuccessModal_checkboxesWrapper__YFHqj {
  gap: 32px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PracticeCard/components/PracticeStep/PracticeStep.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PracticeStep_card__eKJFx {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--grey-100);
}

.PracticeStep_header__Apel0 {
  position: relative;
}

.PracticeStep_sessionInfo__Ip2Ou {
  font-size: var(--fontSizeS);
  position: relative;
}

.PracticeStep_sessionInfo__Ip2Ou select {
  border: none;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-left: 8px;
  border-radius: 12px;
  padding: 5px 7px;
  padding-right: 20px;
  z-index: 2;
  transition: var(--baseTransition);
}
.PracticeStep_sessionInfo__Ip2Ou select:hover {
  box-shadow: 0 0 2px var(--black-500);
}
.PracticeStep_sessionInfo__Ip2Ou select:focus {
  outline: none;
}

.PracticeStep_icon__D51gu {
  position: absolute;
  top: 8px;
  right: 10px;
  margin-left: 8px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.PracticeStep_icon__D51gu.PracticeStep_iconOpen__5UIZe {
  transform: rotate(180deg);
}

.PracticeStep_diagrams__74_vz {
  overflow: hidden;
  overflow-x: auto;
}

.PracticeStep_dates__20kw_ {
  padding-right: 2px;
}

.PracticeStep_diagramBar__W8BXd {
  width: 26px;
  height: 26px;
  border-radius: 16px;
  background-color: var(--white);
  transition: var(--baseTransition);
}

.PracticeStep_diagramBar__W8BXd.PracticeStep_SUCCESSFUL__hQb8i {
  background-color: var(--green-300);
  height: 86px;
}

.PracticeStep_diagramBar__W8BXd.PracticeStep_yellow__TyF5Y {
  background-color: var(--yellow-300);
  height: 86px;
}

.PracticeStep_diagramBar__W8BXd.PracticeStep_UNSUCCESSFUL__wgePb {
  background-color: var(--red-300);
  height: 86px;
}

.PracticeStep_emptyMessage___xoQk {
  text-align: center;
  padding: 20px;
}

.PracticeStep_btn__FqcHg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  gap: 10px;
  padding: 4px 15px;
  background-color: var(--white);
  border: none;
  border-radius: 26px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.PracticeStep_btn__FqcHg:hover {
  background-color: var(--grey-200);
}
.PracticeStep_btn__FqcHg:active {
  background-color: var(--dark-grey-500);
}

.PracticeStep_plus__RRFiY {
  transform: translateY(-3px);
}

.PracticeStep_btnChoiceContainer__KUpew {
  position: absolute;
  top: 44px;
  right: 24px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.PracticeStep_btnChoiceContainer__KUpew.PracticeStep_active__B2T3x {
  opacity: 1;
  visibility: visible;
}

.PracticeStep_btnChoiceSchedule__ziKSe {
  padding: 8px 16px;
  border-radius: 16px;
  z-index: 2;
  cursor: pointer;
  border: none;
  background: var(--white);
  transition: var(--baseTransition);
}
.PracticeStep_btnChoiceSchedule__ziKSe:hover {
  background: var(--grey-200);
}
.PracticeStep_btnChoiceSchedule__ziKSe:active {
  background-color: var(--dark-grey-500);
}

@media (max-width: 480px) {
  .PracticeStep_card__eKJFx {
    padding: 20px;
  }
}
@media (max-width: 384px) {
  .PracticeStep_icon__D51gu {
    top: 13px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PracticeCard/components/SpecialistPracticeStep/SpecialistPracticeStep.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpecialistPracticeStep_card__ytI_O {
  width: 100%;
  height: 100%;
  padding: 34px;
  border-radius: 16px;
  background-color: var(--grey-100);
  position: relative;
}

.SpecialistPracticeStep_numb__7WPF5 {
  color: var(--dark-grey-500);
}

.SpecialistPracticeStep_btn__joTL7 {
  padding: 7px 16px;
  border-radius: 16px;
  background-color: var(--black-500);
  border: none;
  cursor: pointer;
  transition: var(--baseTransition);
}
.SpecialistPracticeStep_btn__joTL7:hover {
  background: var(--tiffany-500);
}
.SpecialistPracticeStep_btn__joTL7:active {
  background: var(--grey-300);
}
.SpecialistPracticeStep_btn__joTL7:disabled {
  background: var(--grey-500);
  cursor: not-allowed;
}

.SpecialistPracticeStep_btnX__MrMlT {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  transition: var(--baseTransition);
}
.SpecialistPracticeStep_btnX__MrMlT:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.SpecialistPracticeStep_btnX__MrMlT:active {
  background-color: var(--grey-200);
}

.SpecialistPracticeStep_selectContainer__w1K2I {
  width: 100%;
}

.SpecialistPracticeStep_select__qXsXg {
  width: 100%;
  cursor: pointer;
}

.SpecialistPracticeStep_react-select__control__7gfNN {
  border-radius: 16px;
  border-color: var(--grey-300);
}

.SpecialistPracticeStep_react-select__control--is-focused__WbTY9 {
  border-color: var(--black-500);
  box-shadow: 0 0 0 1px var(--black-500);
}

.SpecialistPracticeStep_react-select__option--is-selected__roTD3 {
  background-color: var(--black-500);
  color: var(--white);
}

.SpecialistPracticeStep_react-select__option--is-focused__7uYAJ {
  background-color: var(--grey-200);
}

.SpecialistPracticeStep_react-select__menu__bqLLT {
  z-index: 9;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PracticeCard/PracticeCard.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PracticeCard_cardContainer__HISQm {
  position: relative;
  width: 100%;
  height: 100%;
}

.PracticeCard_stepBlockWrapper__l0_oK {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.PracticeCard_slide-enter__S12LV {
  opacity: 0;
  overflow: hidden;
}

.PracticeCard_slide-enter-active__9kulf {
  opacity: 1;
  transition: opacity 300ms;
}

.PracticeCard_slide-exit__Q0kQY {
  opacity: 1;
}

.PracticeCard_slide-exit-active__JV77E {
  opacity: 0;
  transition: opacity 300ms;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/RecordCard/components/FirstRecordCard/FirstRecordCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FirstRecordCard_card__Ygl6_ {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--grey-100);
  position: relative;
}

.FirstRecordCard_btn__09ur6 {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  gap: 10px;
  padding: 4px 15px;
  background-color: var(--white);
  border: none;
  border-radius: 26px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.FirstRecordCard_btn__09ur6:hover {
  background-color: var(--grey-200);
}
.FirstRecordCard_btn__09ur6:active {
  background-color: var(--dark-grey-500);
}

.FirstRecordCard_plus__pMNmt {
  transform: translateY(-3px);
}

.FirstRecordCard_expandedHeader__C779u {
  position: relative;
}

.FirstRecordCard_titleInput__ibG7E {
  flex-grow: 1;
  border: none;
  background: none;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 16px;
  padding-right: 40px;
  border-radius: 16px;
  background-color: var(--white);
  transition: var(--baseTransition);
}

.FirstRecordCard_clearButton__uwwa9 {
  position: absolute;
  top: 5px;
  right: 8px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 28px;
  line-height: 20px;
  color: var(--black-500);
  transition: var(--baseTransition);
}
.FirstRecordCard_clearButton__uwwa9:hover {
  transform: scale(1.4);
}
.FirstRecordCard_clearButton__uwwa9:active {
  color: var(--black-200);
}

.FirstRecordCard_textAreaContainer__yoNds {
  position: relative;
  margin-top: 16px;
  transition: height 0.3s ease;
  height: 106px;
  background-color: var(--white);
  border-radius: 16px;
}
.FirstRecordCard_textAreaContainer__yoNds.FirstRecordCard_expanded__6UdnH {
  height: 144px;
}

.FirstRecordCard_iconHandle___8cJi {
  position: absolute;
  bottom: 12px;
  right: 20px;
  padding: 8px;
  width: 32px;
  height: 32px;
  background-color: var(--black-500);
  border-radius: 50%;
}

.FirstRecordCard_textArea__gjOH_ {
  flex-grow: 1;
  padding: 16px;
  font-size: 14px;
  border: none;
  border-radius: 16px;
  resize: none;
  transition: height 0.3s ease;
}
.FirstRecordCard_textArea__gjOH_:disabled {
  cursor: pointer;
}
.FirstRecordCard_textArea__gjOH_:focus {
  outline: none;
}

.FirstRecordCard_footer__kpwWH {
  padding: 10px 20px;
}

.FirstRecordCard_date__SSI3D {
  font-size: 12px;
  color: #999;
}

.FirstRecordCard_sendButton__FfaGq {
  background: var(--black-500);
  color: white;
  border: none;
  border-radius: 20px;
  width: 141px;
  padding: 8px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateY(-5px);
  transition: var(--baseTransition);
}
.FirstRecordCard_sendButton__FfaGq.FirstRecordCard_disabled__XNzv9 {
  background: #ccc;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  .FirstRecordCard_text__IG5_B {
    font-size: var(--fontSizeS);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/RecordCard/components/SecondRecordCard/SecondRecordCard.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SecondRecordCard_card__kOvDS {
  width: 100%;
  height: 100%;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--grey-100);
  position: relative;
}

.SecondRecordCard_exitButton__AewiS {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 50%;
  background-color: var(--white);
  cursor: pointer;
  transition: var(--baseTransition);
}
.SecondRecordCard_exitButton__AewiS:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.SecondRecordCard_exitButton__AewiS:active {
  background-color: var(--grey-200);
}

.SecondRecordCard_btnSave__kPINZ {
  border: none;
  width: 123px;
  height: 106px;
  border-radius: 16px;
  background-color: var(--white);
  transition: var(--baseTransition);
  cursor: pointer;
}
.SecondRecordCard_btnSave__kPINZ:hover {
  background-color: var(--grey-200);
}
.SecondRecordCard_btnSave__kPINZ:active {
  background-color: var(--grey-400);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/RecordCard/RecordCard.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RecordCard_cardContainer__dUzUz {
  position: relative;
  width: 100%;
  height: 100%;
}

.RecordCard_stepBlockWrapper__oKBik {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.RecordCard_slide-enter__cx4zK {
  opacity: 0;
  overflow: hidden;
}

.RecordCard_slide-enter-active__jyshr {
  opacity: 1;
  transition: opacity 300ms;
}

.RecordCard_slide-exit__NRTgX {
  opacity: 1;
}

.RecordCard_slide-exit-active__CqN0b {
  opacity: 0;
  transition: opacity 300ms;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/MoodBoardStep/MoodBoardStep.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MoodBoardStep_firstStepsLength__XVcdz {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
}

.MoodBoardStep_root__vBOFg {
  width: 100%;
  padding: 20px 0;
  max-height: -moz-fit-content;
  max-height: fit-content;
}

@media (max-width: 480px) {
  .MoodBoardStep_header__G9Vgv {
    flex-direction: column;
    margin-top: 30px;
  }
}

.MoodBoardStep_cardBox__9mFNk {
  padding: 20px 30px;
  max-width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 40px;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1800px) {
  .MoodBoardStep_cardBox__9mFNk {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1448px) {
  .MoodBoardStep_cardBox__9mFNk {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 480px) {
  .MoodBoardStep_cardBox__9mFNk {
    padding: 32px 0 0 0;
  }
}

.MoodBoardStep_card__kL68w {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/MoodBoardStep/components/MoodLevel/MoodLevel.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MoodLevel_btnGo__mKgD3 {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 126px;
  height: 40px;
  gap: 8px;
  border-radius: 16px;
  background-color: var(--grey-100);
  cursor: pointer;
  transition: var(--baseTransition);
}
.MoodLevel_btnGo__mKgD3:hover {
  box-shadow: 1px 1px 3px var(--grey-500);
}
.MoodLevel_btnGo__mKgD3:active {
  background-color: var(--grey-200);
}

.MoodLevel_popup__wQX64 {
  visibility: hidden;
  opacity: 0;
  transition: var(--baseTransition);
  z-index: 100;
  left: -370px;
  top: 40px;
  position: absolute;
  background: var(--white);
  width: 500px;
  padding: 16px 32px;
  border: 1px solid var(--dark-grey-200);
  border-radius: 16px;
  box-shadow: var(--boxShadow);
}

.MoodLevel_container__ffvBJ {
  position: relative;
}
.MoodLevel_container__ffvBJ:hover .MoodLevel_popup__wQX64 {
  visibility: visible;
  opacity: 1;
}

.MoodLevel_description__qWTzt {
  font-size: var(--fontSizeS);
  line-height: 18px;
  max-width: 500px;
}
.MoodLevel_description__qWTzt span {
  font-weight: var(--fontWeightBold);
}

@media (max-width: 600px) {
  .MoodLevel_popup__wQX64 {
    display: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/GeneralCard/GeneralCard.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GeneralCard_card__6YKsR {
  width: 100%;
  height: auto;
  flex-direction: column;
  max-width: 332px;
  border-radius: var(--borderRadiusS);
  padding: 16px;
  transition: var(--baseTransition);
}
.GeneralCard_card__6YKsR:hover {
  box-shadow: var(--boxShadow);
  transition: var(--baseTransition);
}
@media (max-width: 1368px) {
  .GeneralCard_card__6YKsR {
    max-width: 100%;
  }
}
@media (max-width: 468px) {
  .GeneralCard_card__6YKsR {
    padding: 16px 0;
  }
  .GeneralCard_card__6YKsR:hover {
    box-shadow: none;
  }
}

.GeneralCard_pointer__n6pmk {
  cursor: pointer;
}

.GeneralCard_content__1yF2y {
  height: 100%;
}
@media (max-width: 1368px) {
  .GeneralCard_content__1yF2y {
    flex-direction: row;
    justify-content: start;
  }
}

.GeneralCard_textBox__VJHg5 {
  flex: 1 1;
}
@media (max-width: 600px) {
  .GeneralCard_textBox__VJHg5 {
    gap: 32px;
  }
}
@media (max-width: 480px) {
  .GeneralCard_textBox__VJHg5 {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .GeneralCard_textCategory__U_w2L {
    font-size: var(--fontSizeS);
  }
}

.GeneralCard_withEllipsis__OGyTT {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.GeneralCard_image__E_Yhe {
  max-width: 332px;
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  border-radius: var(--borderRadiusS);
  overflow: hidden;
  background-color: var(--grey-300);
}
@media (max-width: 1468px) {
  .GeneralCard_image__E_Yhe {
    max-width: 332px;
  }
}
@media (max-width: 1368px) {
  .GeneralCard_image__E_Yhe {
    max-width: 200px;
    min-width: 200px;
  }
}
@media (max-width: 600px) {
  .GeneralCard_image__E_Yhe {
    max-width: 150px;
    min-width: 150px;
  }
}
@media (max-width: 480px) {
  .GeneralCard_image__E_Yhe {
    max-width: 100px;
    min-width: 100px;
  }
}
.GeneralCard_image__E_Yhe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.GeneralCard_alignBottom__XQbI0 {
  margin-top: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/HomeWork/HomeWork.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HomeWork_firstStepsLength___N0N0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
  margin-left: 24px;
}

.HomeWork_root__7JMaK {
  width: 100%;
  padding: 20px 0;
  min-height: 450px;
}

.HomeWork_dataRoot__IYggt {
  min-height: 750px;
}
@media (max-width: 1600px) {
  .HomeWork_dataRoot__IYggt {
    min-height: 600px;
  }
}
@media (max-width: 1100px) {
  .HomeWork_dataRoot__IYggt {
    min-height: 1000px;
  }
}
@media (max-width: 480px) {
  .HomeWork_header__HGwy5 {
    flex-direction: column;
    margin-top: 40px;
  }
}

.HomeWork_cardBox__S_ZB3 {
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1100px) {
  .HomeWork_cardBox__S_ZB3 {
    flex-direction: column;
    justify-content: center;
  }
}

.HomeWork_boardBox__eG9zt {
  align-self: center;
  margin: 100px 0;
  padding: 20px 30px;
  max-width: 100%;
  height: 100%;
  max-width: 750px;
  text-align: center;
}

.HomeWork_card__FeYf6 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.HomeWork_flip__urNa0 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 18px);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/RateStep/RateStep.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RateStep_root__KArmG {
  padding-block: 20px;
}

.RateStep_firstStepsLength__5HPTq {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
  margin-left: 24px;
}

.RateStep_dataRoot__BKOcR {
  min-height: 750px;
}
@media (max-width: 1600px) {
  .RateStep_dataRoot__BKOcR {
    min-height: 600px;
  }
}
@media (max-width: 1100px) {
  .RateStep_dataRoot__BKOcR {
    min-height: 1000px;
  }
}

@media (max-width: 480px) {
  .RateStep_header__By7CA {
    flex-direction: column;
    margin-top: 20px;
  }
}

.RateStep_cardBox__Ft0m9 {
  align-items: flex-start;
  justify-content: space-around;
}
@media (max-width: 1100px) {
  .RateStep_cardBox__Ft0m9 {
    flex-direction: column;
    justify-content: center;
  }
}

.RateStep_boardBox__XFkSE {
  align-self: center;
  margin: 100px 0;
  padding: 20px 30px;
  height: 100%;
  max-width: 750px;
  text-align: center;
}

.RateStep_card__feJWu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.RateStep_flip__5e2Z7 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 18px);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.RateStep_button__mEafO {
  max-width: max-content;
  padding-inline: 36px !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/TestsStep/TestsStep.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TestsStep_firstStepsLength__LmQcx {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  background-color: var(--grey-100);
  font-size: var(--fontSizeM);
  font-weight: var(--fontWeightBold);
  color: var(--dark-grey-500);
  padding: 8px;
}

.TestsStep_root__wJv_A {
  width: 100%;
  padding: 20px 0;
}

@media (max-width: 480px) {
  .TestsStep_header__HeiL_ {
    flex-direction: column;
    margin-top: 20px;
  }
}

.TestsStep_cardBox__mWtP_ {
  padding-inline: 32px;
  align-items: flex-start;
}
@media (max-width: 1368px) {
  .TestsStep_cardBox__mWtP_ {
    flex-wrap: wrap;
  }
}
@media (max-width: 1100px) {
  .TestsStep_cardBox__mWtP_ {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .TestsStep_cardBox__mWtP_ {
    padding-inline: 0;
  }
}

.TestsStep_boardBox__t7B49 {
  align-self: center;
  margin: 100px 0;
  padding: 20px 30px;
  height: 100%;
  max-width: 750px;
  text-align: center;
}

.TestsStep_card__w1CiN {
  display: flex;
  justify-content: center;
  align-items: center;
}

.TestsStep_flip__E812v {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 18px);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.TestsStep_button__tNUE7 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding-inline: 16px !important;
  font-weight: bold;
}

.TestsStep_routerButton__OP9vZ {
  width: max-content !important;
  padding-inline: 32px !important;
}

@media (max-width: 480px) {
  .TestsStep_button__tNUE7 {
    margin: 0;
  }
  .TestsStep_title__42sV2 {
    font-size: var(--fontSizeL) !important;
  }
  .TestsStep_description__FllH6 {
    font-size: var(--fontSizeM) !important;
  }
  .TestsStep_boardBox__t7B49 {
    padding: 20px 0;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PopularStep/PopularStep.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopularStep_root__E2JT8 {
  width: 100%;
  padding-top: 20px;
}

@media (max-width: 480px) {
  .PopularStep_header__K3ux8 {
    flex-direction: column;
    margin-top: 20px;
  }
}

.PopularStep_cardBox__Jvnbw {
  align-items: flex-start;
  padding-inline: 32px;
}
@media (max-width: 1368px) {
  .PopularStep_cardBox__Jvnbw {
    flex-wrap: wrap;
  }
}
@media (max-width: 1100px) {
  .PopularStep_cardBox__Jvnbw {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .PopularStep_cardBox__Jvnbw {
    padding-inline: 0;
  }
}

.PopularStep_boardBox__T7v1I {
  align-self: center;
  margin: 100px 0;
  padding: 20px 30px;
  height: 100%;
  max-width: 750px;
  text-align: center;
}

.PopularStep_card__5w_EH {
  display: flex;
  justify-content: center;
  align-items: center;
}

.PopularStep_flip__qMtK9 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(25% - 18px);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.PopularStep_routerButton__WT6mT {
  width: max-content !important;
  padding-inline: 32px !important;
}

@media (max-width: 480px) {
  .PopularStep_title__ziW5z {
    font-size: var(--fontSizeL) !important;
  }
  .PopularStep_description__7OsRs {
    font-size: var(--fontSizeM) !important;
  }
  .PopularStep_boardBox__T7v1I {
    padding: 20px 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/NotificationPlaque/NotificationPlaque.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NotificationPlaque_fadeEnter__01nJn {
  opacity: 0;
}

.NotificationPlaque_fadeEnterActive__mhB1J {
  opacity: 1;
  transition: opacity 300ms;
}

.NotificationPlaque_fadeExit__VPYZF {
  opacity: 1;
}

.NotificationPlaque_fadeExitActive__aMtDG {
  opacity: 0;
  transition: opacity 300ms;
}

.NotificationPlaque_wrapper__G_9Tf {
  margin: 32px 32px 0 32px;
}

.NotificationPlaque_moreNotifications__0rqNk {
  flex: 0 0 100px;
  height: 100px;
  cursor: pointer;
  background-color: var(--grey-100);
  border-radius: 16px;
  padding: 16px;
  transition: var(--baseTransition);
}
.NotificationPlaque_moreNotifications__0rqNk:hover {
  background-color: var(--white);
  box-shadow: var(--boxShadow);
}
.NotificationPlaque_moreNotifications__0rqNk:hover span {
  color: black;
}

@media (max-width: 1268px) {
  .NotificationPlaque_wrapper__G_9Tf {
    flex-direction: column;
    gap: 16px;
  }
  .NotificationPlaque_moreNotifications__0rqNk {
    width: 100%;
    flex: 0 0 42px;
    padding-block: 4px;
  }
  .NotificationPlaque_moreNotifications__0rqNk span {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .NotificationPlaque_wrapper__G_9Tf {
    margin: 32px 0 0 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/(index)/notifications/components/ActionButtons/ActionButtons.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ActionButtons_action__qKk76 {
  grid-area: action;
}

.ActionButtons_button__XURKf {
  align-self: flex-end;
  color: var(--black-100);
  padding: 7px 16px !important;
  font-size: 14px;
  border-radius: var(--borderRadiusS) !important;
  font-weight: 700;
}

@media (max-width: 768px) {
  .ActionButtons_action__qKk76 {
    margin-block: 16px 12px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/Notifications/Notification/Notification.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Notification_container__1HVRo {
  width: 100%;
  display: grid;
  grid-template-areas: "image caption _ dots" "image content action date";
  background-color: var(--grey-100);
  padding: var(--spacingXS);
  border-radius: var(--borderRadiusS);
  grid-column-gap: var(--spacingXS);
  column-gap: var(--spacingXS);
  transition: var(--baseTransition);
  grid-template-columns: 68px 1fr max-content max-content;
}
.Notification_container__1HVRo:hover {
  background-color: var(--white);
  box-shadow: var(--boxShadow);
  transition: var(--baseTransition);
}

.Notification_popup__fTSxS {
  grid-template-areas: "image caption dots" "image content action";
  grid-template-columns: 68px 1fr max-content;
}

.Notification_image__7Bo9T {
  grid-area: image;
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: var(--borderRadiusXS);
}

.Notification_dots__J9ztZ {
  grid-area: dots;
  margin-left: auto;
  font-size: var(--fontSizeS);
  width: 18px;
  height: 18px;
}

.Notification_popup__fTSxS {
  border-radius: var(--borderRadiusS) !important;
}

.Notification_caption__HtOQ6 {
  grid-area: caption;
  padding-bottom: 6px;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-column: 2/4;
}

.Notification_text__6Cb6t {
  padding-right: 8px;
}

.Notification_content__afT3i {
  grid-area: content;
  overflow: hidden;
}

.Notification_dateBox__qWu9j {
  grid-area: date;
  transform: translateY(4px);
}

.Notification_deliveredIcon__sz652 {
  display: flex;
}

.Notification_highlighted__aKk4P {
  font-weight: var(--fontWeightBold);
  color: var(--tiffany-500);
}

.Notification_description__I8KWq {
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.Notification_closeButton__RKDrr {
  cursor: pointer;
  z-index: 10;
  background-color: transparent;
  transition: var(--baseTransition);
}
.Notification_closeButton__RKDrr:hover {
  transform: scale(1.3);
}
.Notification_closeButton__RKDrr:active {
  transform: scale(1.1);
}

@media (max-width: 1268px) {
  .Notification_description__I8KWq {
    display: block;
    padding-block: 6px;
  }
}
@media (max-width: 1268px) {
  .Notification_container__1HVRo {
    grid-template-areas: "image caption dots" "image content content" "action action action" "_ _ date";
    grid-template-columns: 68px 1fr max-content;
    column-gap: 8px;
  }
  .Notification_caption__HtOQ6 {
    padding-left: 8px;
  }
  .Notification_content__afT3i {
    padding-left: 8px;
    padding-bottom: 8px;
  }
  .Notification_title__X0QTX {
    font-size: var(--fontSizeM);
  }
  .Notification_dots__J9ztZ {
    rotate: 90deg;
  }
  .Notification_dateBox__qWu9j {
    transform: none;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/Content/Content.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Content_container__zrBHf {
  padding-block: 20px;
}

.Content_button__eTHNQ {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  --buttonHorizontalPadding: 16px;
  font-weight: bold;
}

.Content_grid__36GKv {
  display: grid;
  padding-inline: 32px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
  gap: 32px;
}

@media (max-width: 2250px) {
  .Content_grid__36GKv {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}
@media (max-width: 480px) {
  .Content_container__zrBHf {
    padding-block: 40px 20px;
  }
  .Content_grid__36GKv {
    padding-inline: 0;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .Content_title__UFBON {
    width: 100%;
    text-align: center;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PhotoEditor/PhotoEditor.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PhotoEditor_image__aiSo6 {
  border-radius: 32px;
}

.PhotoEditor_button__4SPA6 {
  font-size: 15px;
}

.PhotoEditor_defaultImage__ltxSh {
  background-color: var(--grey-300);
  border-radius: 32px;
  padding: 56px;
}

.PhotoEditor_deleteButton__gLXJE:hover {
  color: var(--tiffany-500);
  transition: var(--baseTransition);
}

@media (max-width: 1068px) {
  .PhotoEditor_container__RTDRh {
    align-items: center;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/PhotoEditor/UploadBaseModal/UploadBaseModal.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UploadBaseModal_modal__8cR27 {
  max-width: 460px !important;
  line-height: 26px;
  width: 100%;
  max-height: 600px !important;
  height: 100%;
}

.UploadBaseModal_wrapper__GDCV_ {
  padding-block: 80px 64px;
  height: 100%;
  text-align: center;
}

.UploadBaseModal_button__Yd6yd {
  display: flex;
  align-items: center;
  gap: 12px;
}

.UploadBaseModal_wrapperImage__xkHO2 {
  position: relative;
  height: 300px;
  width: 300px;
}

.UploadBaseModal_deleteButton__7zp0T {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -52px;
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusS);
  background-color: var(--grey-100) !important;
}
.UploadBaseModal_deleteButton__7zp0T:hover {
  background-color: var(--dark-grey-200) !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/SkeletonCard/SkeletonCard.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SkeletonCard_likes__Vzv7K, .SkeletonCard_title__aFaNb, .SkeletonCard_category__lqGL7 {
  width: 100%;
  background-color: var(--dark-grey-100);
  height: 20px;
  border-radius: 6px;
}

.SkeletonCard_card__Jko_t {
  width: 100%;
  padding: 16px;
  height: auto;
  flex-direction: column;
  max-width: 332px;
}
@media (max-width: 1368px) {
  .SkeletonCard_card__Jko_t {
    max-width: 100%;
  }
}

.SkeletonCard_content__PATPu {
  height: 100%;
}
@media (max-width: 1368px) {
  .SkeletonCard_content__PATPu {
    flex-direction: row;
    justify-content: start;
  }
}

.SkeletonCard_textBox__rWOhy {
  flex: 1 1;
}
@media (max-width: 1368px) {
  .SkeletonCard_textBox__rWOhy {
    gap: 48px;
  }
}
@media (max-width: 600px) {
  .SkeletonCard_textBox__rWOhy {
    gap: 32px;
  }
}
@media (max-width: 480px) {
  .SkeletonCard_textBox__rWOhy {
    gap: 12px;
  }
}

.SkeletonCard_avatar__mN4_E {
  width: 120px;
  border-radius: 6px;
  height: 28px;
  background-color: var(--dark-grey-100);
}

.SkeletonCard_image__A_ViD {
  max-width: 332px;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: var(--borderRadiusS);
  background-color: var(--dark-grey-100);
}
@media (max-width: 1468px) {
  .SkeletonCard_image__A_ViD {
    max-width: 300px;
  }
}
@media (max-width: 1368px) {
  .SkeletonCard_image__A_ViD {
    max-width: 200px;
    max-height: 200px;
  }
}
@media (max-width: 600px) {
  .SkeletonCard_image__A_ViD {
    max-width: 150px;
    max-height: 150px;
  }
}
@media (max-width: 480px) {
  .SkeletonCard_image__A_ViD {
    max-width: 100px;
    max-height: 100px;
  }
}
.SkeletonCard_image__A_ViD img {
  width: 100%;
  height: 100%;
}

.SkeletonCard_category__lqGL7 {
  width: 100px;
}

.SkeletonCard_category__lqGL7 {
  max-width: 100px;
}

.SkeletonCard_title__aFaNb {
  max-width: 70%;
}
@media (max-width: 1368px) {
  .SkeletonCard_title__aFaNb {
    max-width: 200px;
  }
}

.SkeletonCard_likes__Vzv7K {
  max-width: 80px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/GeneralChat/GeneralChat.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GeneralChat_container__2fBJU {
  padding: 64px 32px 32px 32px;
}

.GeneralChat_description__ddcDm {
  line-height: 1.3;
  text-align: center;
}

.GeneralChat_button__VZII9 {
  --buttonHorizontalPadding: 36px;
}

.GeneralChat_textCenter__UXS4m {
  text-align: center;
}

@media (max-width: 700px) {
  .GeneralChat_container__2fBJU {
    padding: 32px 0;
  }
  .GeneralChat_textCenter__UXS4m {
    font-size: var(--fontSizeL) !important;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/ComingSoonBanner/ComingSoonBanner.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ComingSoonBanner_cover__Xgtph {
  position: absolute;
  padding: 32px;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  border-radius: var(--borderRadiusS);
  -webkit-backdrop-filter: blur(10px);
}
.ComingSoonBanner_cover__Xgtph span {
  text-align: center;
  text-shadow: 1px 1px 3px var(--grey-500);
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .ComingSoonBanner_cover__Xgtph {
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}
@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .ComingSoonBanner_cover__Xgtph {
    background: rgba(0, 0, 0, 0.8);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/lk/profile/components/NoticeVerification/NoticeVerification.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NoticeVerification_container__tntPF {
  position: relative;
  border-radius: var(--borderRadiusS);
  background-color: var(--grey-100);
  padding: 24px;
  margin: 32px 32px 0 32px;
  line-height: 24px;
}

.NoticeVerification_button__X1x7x {
  width: max-content;
  align-self: center;
}

.NoticeVerification_closeIcon__Un_zy {
  --iconColor: var(--black-500);
  cursor: pointer;
}

.NoticeVerification_wrapper__5__6r {
  max-height: 77px;
  overflow: hidden;
}

.NoticeVerification_readMore__YKG__ {
  width: max-content;
  cursor: pointer;
  transition: var(--baseTransition);
  margin: 0 auto;
}
.NoticeVerification_readMore__YKG__:hover {
  color: var(--tiffany-500);
  transition: var(--baseTransition);
}

.NoticeVerification_expanded__uq_R2 {
  max-height: max-content;
  display: flex;
}

.NoticeVerification_list__u27Bn {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 698px) {
  .NoticeVerification_container__tntPF {
    margin-inline: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@draft-js-plugins/inline-toolbar/lib/plugin.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.bpsgbes{display:inline-block;}
.b181v2oy{background:#fbfbfb;color:#888;font-size:18px;border:0;padding-top:5px;vertical-align:bottom;height:34px;width:36px;}.b181v2oy:hover,.b181v2oy:focus{background:#f3f3f3;outline:0;}.b181v2oy svg{fill:#888;}
.a9immln{background:#efefef;color:#444;}.a9immln svg{fill:#444;}
.tukdd6b{left:50%;transform:translate(-50%) scale(0);position:absolute;border:1px solid #ddd;background:#fff;border-radius:2px;box-shadow:0px 1px 3px 0px rgba(220,220,220,1);z-index:2;box-sizing:border-box;}.tukdd6b:after,.tukdd6b:before{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;}.tukdd6b:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:4px;margin-left:-4px;}.tukdd6b:before{border-color:rgba(221,221,221,0);border-top-color:#ddd;border-width:6px;margin-left:-6px;}
.s1o2cezu{display:inline-block;border-right:1px solid #ddd;height:24px;margin:0 0.5em;}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/draft-js/dist/Draft.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/TextEditor/TextEditor.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextEditor_fieldWrapper__2QQPh {
  position: relative;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.TextEditor_wrapper__1Gf2_ {
  position: relative;
  background: var(--dark-grey-100);
  border-radius: 16px;
  padding: 8px 16px;
  transition: var(--baseTransition);
  min-height: 56px;
}

.TextEditor_button__gafFh {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--grey-200);
  font-size: var(--fontSizeXS);
  color: var(--dark-grey-500);
  background: var(--dark-grey-100);
}

.TextEditor_active__nGCUM {
  color: var(--black-500);
  border: 1px solid var(--black-500);
  transition: var(--baseTransition);
}

.TextEditor_bold__9ZHZY {
  font-weight: bold;
}

.TextEditor_italic__S1D7R {
  font-style: italic;
}

.TextEditor_underline__HZb_2 {
  text-decoration: underline;
}

.TextEditor_textCaption__xiwrb {
  position: absolute;
  font-size: var(--fontSizeXSS);
  bottom: 1px;
  right: 20px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/SortBar/SortBar.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SortBar_select__OugJU {
  cursor: pointer;
  color: var(--dark-grey-500);
}

.SortBar_details__Du_Qg {
  position: relative;
}

.SortBar_summary__gbEXo {
  background-color: var(--grey-100);
  list-style: none;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 14px;
  justify-content: center;
  border-radius: var(--borderRadiusS);
}

.SortBar_summary__gbEXo::-webkit-details-marker {
  display: none;
}

.SortBar_content__fjFzJ {
  position: absolute;
  top: 103%;
  right: 0;
  padding: 4px 8px;
  z-index: 10;
  background-color: var(--grey-100);
  border-radius: var(--borderRadiusS);
  min-width: 160px;
  max-height: 70vh;
  overflow-y: auto;
}

.SortBar_button___LD2j {
  padding: 8px 14px;
  width: 100%;
  text-align: start;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: var(--dark-grey-500);
}
.SortBar_button___LD2j:disabled {
  color: var(--white);
}
.SortBar_button___LD2j:disabled:hover {
  color: var(--white);
}
.SortBar_button___LD2j:hover {
  color: var(--black-500);
  transition: var(--baseTransition);
}

.SortBar_inactive__jMdzS {
  background-color: var(--dark-grey-200);
  color: var(--white);
}
.SortBar_inactive__jMdzS svg {
  color: var(--white);
}

.SortBar_select__OugJU::-webkit-details-marker {
  display: none;
}

@media (max-width: 768px) {
  .SortBar_header__z4ITk {
    flex-direction: column;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-datepicker/dist/react-datepicker.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(41.5, 134.5606060606, 207.5);
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/DatePicker/DatePicker.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DatePicker_wrapper___4OrY {
  position: relative;
  padding: 7px 16px;
  border-radius: var(--borderRadiusS);
  background-color: var(--dark-grey-100);
}

.DatePicker_label__PWltR {
  top: 8px;
  left: 10px;
  font-size: var(--fontSizeXS);
  color: var(--dark-grey-500);
  transition: all 0.2s ease-in-out;
  padding-bottom: 2px;
}

.DatePicker_datePickerInput__Ponu5 {
  border: none;
  height: 100%;
  width: 100%;
  border-radius: var(--borderRadiusS);
  background-color: var(--dark-grey-100);
}
.DatePicker_datePickerInput__Ponu5:hover, .DatePicker_datePickerInput__Ponu5:active, .DatePicker_datePickerInput__Ponu5:focus {
  outline: none;
  border: none;
}

.DatePicker_react-datepicker__current-month__gUSHy {
  padding-bottom: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/SearchInput/SearchInput.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchInput_input__dPEHw {
  width: 100%;
  border-radius: 12px;
  color: var(--dark-grey-500);
  background-color: var(--grey-100);
  font-size: var(--fontSizeS);
  padding: 7px 16px;
  height: 100%;
  font-weight: var(--fontWeightBold);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: none !important;
}
.SearchInput_input__dPEHw:hover {
  box-shadow: 1px 1px 3px var(--black-500);
}

.SearchInput_icon__qlrnT {
  background-image: url(/_next/static/media/search.255c6832.svg);
  background-repeat: no-repeat;
  background-position-x: 70px;
  background-position-y: 45%;
  background-size: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/EmptyBlock/EmptyBlock.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.EmptyBlock_container__VpGf3 {
  padding-bottom: 32px;
}

.EmptyBlock_textCenter__0Zka6 {
  text-align: center;
}

.EmptyBlock_button__wzkAR {
  --buttonHorizontalPadding: 36px;
}

.EmptyBlock_textCenter__0Zka6 {
  text-align: center;
}

@media (max-width: 468px) {
  .EmptyBlock_title__tFti_ {
    font-size: var(--fontSizeL) !important;
  }
  .EmptyBlock_description__zotUO {
    font-size: var(--fontSizeM) !important;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/PaginationButtons/PaginationButtons.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaginationButtons_wrapper__9MyHB {
  align-self: center;
}

.PaginationButtons_button__L2zjJ {
  background-color: var(--grey-100);
  width: 40px;
  height: 40px;
  border-radius: var(--borderRadiusS);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  --iconColor: var(--dark-grey-500);
  transition: var(--baseTransition);
}
.PaginationButtons_button__L2zjJ:hover {
  background-color: var(--grey-200);
  transition: var(--baseTransition);
}
.PaginationButtons_button__L2zjJ:disabled {
  background-color: var(--grey-200);
  color: white;
}

.PaginationButtons_pageNumber__lk5xW {
  background-color: var(--grey-100);
  border-radius: var(--borderRadiusS);
  height: 40px;
  padding: 8px 12px;
}

.PaginationButtons_rightButton__rleMO {
  rotate: 180deg;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/LoadingSection/LoadingSection.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoadingSection_container__miuXX {
  margin-top: 128px;
  flex-grow: 1;
}

.LoadingSection_text__AIsWy {
  text-align: center;
}

@media (max-width: 768px) {
  .LoadingSection_text__AIsWy {
    font-size: var(--fontSizeM2);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/AvatarWithBorder/AvatarWithBorder.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AvatarWithBorder_wrapper__miuGM {
  border: 1px solid var(--tiffany-500);
  padding: 1px;
  border-radius: 6px;
}
.AvatarWithBorder_wrapper__miuGM img {
  border-radius: 6px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/CitySelector/CitySelector.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CitySelector_wrapper__sBLUG {
  position: relative;
}

.CitySelector_list__xC1Pl {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 20;
  background: var(--white);
  border-radius: 8px;
  max-height: 300px;
  overflow: auto;
  box-shadow: var(--boxShadow);
}

.CitySelector_item__OLm9W {
  padding: 8px 16px;
  cursor: pointer;
  transition: var(--baseTransition);
}
.CitySelector_item__OLm9W:hover {
  background: var(--grey-100);
  transition: var(--baseTransition);
}

.CitySelector_clearButton__k1vNu {
  display: flex;
  z-index: 10;
  position: absolute;
  right: 19px;
  top: 65%;
  transform: translateY(-50%);
  background: none;
  --iconColor: var(--black-200);
  cursor: pointer;
  transition: var(--baseTransition);
}
.CitySelector_clearButton__k1vNu svg {
  width: 14px;
  height: 14px;
}
.CitySelector_clearButton__k1vNu:hover {
  transform: translateY(-50%) scale(1.3);
}

.CitySelector_input__Kmjn0 {
  padding-right: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/GuideText/GuideText.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GuideText_tooltip__eNIr_ {
  text-align: center;
  background: var(--grey-100);
  padding: 16px;
  border-radius: 16px;
  margin-inline: 32px;
}

@media (max-width: 480px) {
  .GuideText_tooltip__eNIr_ {
    margin-inline: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/SubscriptionBadge/SubscriptionBadge.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.SubscriptionBadge_subs__Vdyw9 {
  color: var(--white);
  background-color: var(--black-500);
  border-radius: 16px;
}

.SubscriptionBadge_small__L9Rio {
  width: 46px;
  height: 18px;
}

.SubscriptionBadge_big__lS6BJ {
  width: 80px;
  height: 32px;
}

.SubscriptionBadge_top__mLrpa {
  top: 8px;
  right: 8px;
  position: absolute;
}
.SubscriptionBadge_top__mLrpa:hover::before {
  content: "Подписка: ";
  position: absolute;
  left: 8px;
  font-size: 12px;
  white-space: nowrap;
  transition: left 0.3s;
}
.SubscriptionBadge_top__mLrpa:hover {
  justify-content: flex-end;
  width: 110px;
  padding: 0 5px;
  box-shadow: 0 0 0 4px rgba(0, 153, 184, 0.1294117647);
}

.SubscriptionBadge_subsPro__PQKOA {
  background: linear-gradient(45deg, #00667a 0%, #0099b8 54.22%, #00b4d8 100%);
  cursor: pointer;
  transition: var(--baseTransition);
}

.SubscriptionBadge_subsInActive__XBxf5 {
  background: linear-gradient(45deg, #7a0000 0%, #b80000 54.22%, #d80000 100%);
}

.SubscriptionBadge_textUpper__tPLjx {
  text-transform: uppercase;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/components/common/CookieModal/CookieModal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CookieModal_wrapper__RZe7a {
  position: fixed;
  z-index: 1000;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  max-width: max-content;
  width: calc(100% - 40px);
  padding: 16px 24px;
  font-size: 14px;
  background-color: var(--black-500);
  border-radius: 16px;
}

.CookieModal_button__f3Cdb {
  --buttonHorizontalPadding: 16px;
}

.CookieModal_link__VWbU0 {
  border-bottom: 1px solid white;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Header/components/HeaderLink/HeaderLink.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderLink_root__oCahf {
  border-radius: 32px;
  transition: var(--baseTransition);
}
.HeaderLink_root__oCahf:not(.HeaderLink_auth__yQOmW) {
  padding: 15px 24px;
}
.HeaderLink_root__oCahf:not(.HeaderLink_auth__yQOmW).HeaderLink_active__7hHGY {
  background: var(--black-500);
  color: var(--white);
}
.HeaderLink_root__oCahf:not(.HeaderLink_auth__yQOmW):hover:not(.HeaderLink_active__7hHGY) {
  color: var(--black-500);
  background: var(--grey-100);
}
.HeaderLink_root__oCahf.HeaderLink_auth__yQOmW:hover {
  color: var(--tiffany-500);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/layout.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Qanelas";
  src: url("/fonts/QanelasRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Qanelas";
  src: url("/fonts/QanelasBold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
.layout_content__btFJh {
  flex-grow: 1;
  padding-bottom: 128px;
}

.layout_root__Qb9zr {
  --containerHorizontalPadding: 64px;
  min-height: 100%;
  font-family: "Qanelas";
}

@media (max-width: 768px) {
  .layout_content__btFJh {
    padding-bottom: 96px;
  }
  .layout_root__Qb9zr {
    --containerHorizontalPadding: 32px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Footer/Footer.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer_logo__t1ucJ {
  width: 97px;
  height: auto;
}

.Footer_socialIcons__90fpr a {
  width: 32px;
  height: 32px;
  background: var(--grey-500);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Footer_secondBlock__4TOiI,
.Footer_linkGroups__Q8oue,
.Footer_conditionsBlock__uuCHj {
  margin-top: 80px;
}

.Footer_linkGroups__Q8oue {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 64px;
  gap: 64px;
}

.Footer_conditionsBlock__uuCHj {
  max-width: 624px;
}

.Footer_root__qHuMz {
  --iconColor: var(--grey-500);
  color: var(--grey-500);
  font-size: var(--fontSizeL);
  background: var(--grey-100);
  border-radius: 100px;
  padding: 80px 0;
}

.Footer_copyright__ihtrk {
  font-size: 20px;
  color: var(--grey-400);
  text-align: center;
  padding: 60px 0 30px;
}

.Footer_bottomLinks__6uOiK {
  display: flex;
  font-size: 16px;
  gap: 60px;
  justify-content: center;
  margin-top: 80px;
  flex-wrap: wrap;
}

.Footer_socials__GBvvo {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .Footer_logo__t1ucJ {
    width: 120px;
  }
  .Footer_linkGroups__Q8oue {
    grid-template-columns: 1fr;
  }
  .Footer_secondBlock__4TOiI {
    flex-direction: column;
  }
}
.Footer_mobile__ZheeW .Footer_root__qHuMz {
  border-radius: 60px;
  padding: 40px 0;
}
.Footer_mobile__ZheeW .Footer_secondBlock__4TOiI,
.Footer_mobile__ZheeW .Footer_linkGroups__Q8oue,
.Footer_mobile__ZheeW .Footer_conditionsBlock__uuCHj,
.Footer_mobile__ZheeW .Footer_socials__GBvvo {
  margin-top: 80px;
}
.Footer_mobile__ZheeW .Footer_bottomLinks__6uOiK {
  justify-content: flex-start;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Footer/LinksGroup/LinksGroup.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LinksGroup_title__ayRTT {
  line-height: 40px;
}

.LinksGroup_item__CJkhi {
  line-height: var(--lineHeightL);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/(landing)/components/Footer/FooterLink/FooterLink.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterLink_root__TzVxY {
  color: var(--grey-500);
  font-size: 20px;
  transition: var(--baseTransition);
}
.FooterLink_root__TzVxY.FooterLink_bold__Cc_yB {
  font-weight: var(--fontWeightBold);
}
.FooterLink_root__TzVxY.FooterLink_mobile__cTCmO {
  font-size: var(--fontSizeM2);
}
.FooterLink_root__TzVxY:hover {
  color: var(--tiffany-500);
}