/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./src/app/styles/fonts.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Thin.fd7157ea.ttf);
  font-weight: 100;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-ExtraLight.217185b5.ttf);
  font-weight: 200;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Light.d6bd36c5.ttf);
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Regular.88e7747d.ttf);
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Medium.3d0fc89b.ttf);
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-SemiBold.60a52f79.ttf);
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Bold.6b3b2659.ttf);
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-ExtraBold.c8f41401.ttf);
  font-weight: 800;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Onest";
  src: url(/_next/static/media/Onest-Black.c4098761.ttf);
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/widgets/Header/HeaderMobile/HeaderMobile.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderMobile_hide__H9jwY {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: none;
}

.HeaderMobile_mobileHeader__RRvDb {
  position: fixed;
  top: 0rem;
  width: 100vw;
  min-height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 6;
  padding: 0.625rem 1.5625rem;
  transition: background-color 0.2s ease-in-out;
}
.HeaderMobile_mobileHeader_white__wHLm4 {
  background-color: #FAFAFA;
}
.HeaderMobile_mobileHeader_transparent__UFYNP {
  background-color: transparent;
}
@keyframes HeaderMobile_widthFull__GIOYd {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov {
  display: flex;
  position: relative;
  align-items: center;
  gap: 0.5rem;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock_active__qf8Pn {
  animation: HeaderMobile_widthFull__GIOYd 1s forwards;
}
@keyframes HeaderMobile_slideShow__BgdR1 {
  0% {
    width: 0;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_inputSearchBlock__gcW3e {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: 0;
  opacity: 0;
  visibility: hidden;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_inputSearchBlock__gcW3e .HeaderMobile_backButton__vDkIh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_inputSearchBlock__gcW3e .HeaderMobile_searchInput__GT75k {
  width: 100%;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_inputSearchBlock_active__yi_kC {
  animation: HeaderMobile_slideShow__BgdR1 1s forwards;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton__akIiE {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  transition: 0.2s;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton__akIiE:hover > svg > path {
  stroke: #58595B;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton_active__7OBMI > svg > path {
  stroke: #00A651;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton_active__7OBMI:hover > svg > path {
  stroke: #9DD2A8;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton__akIiE > svg {
  width: 1.5625rem;
  height: 1.5625rem;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_searchBlock__HL_Ov .HeaderMobile_searchButton__akIiE > svg > path {
  transition: 0.2s;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_logoBlock__fcUFA {
  width: 3.75rem;
  height: 3.75rem;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_logoBlock__fcUFA > svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 37.5em) {
  .HeaderMobile_mobileHeader__RRvDb .HeaderMobile_logoBlock__fcUFA {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton__Zk202 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton_active__4TmVq > svg .HeaderMobile_top__0d9Gh {
  transform: translateX(0.3125rem) translateY(1.0625rem) rotate(-45deg);
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton_active__4TmVq > svg .HeaderMobile_middle___B76m {
  opacity: 0;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton_active__4TmVq > svg .HeaderMobile_bottom__wGzeP {
  transform: translateX(1.125rem) translateY(-0.625rem) rotate(45deg);
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton__Zk202 > svg .HeaderMobile_top__0d9Gh {
  transition: 0.2s;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton__Zk202 > svg .HeaderMobile_middle___B76m {
  transition: 0.2s;
}
.HeaderMobile_mobileHeader__RRvDb .HeaderMobile_navBlock__YzILt .HeaderMobile_navButton__Zk202 > svg .HeaderMobile_bottom__wGzeP {
  transition: 0.2s;
}

.HeaderMobile_navModal__VkAHj {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 5rem;
  padding: 1.75rem 1.1875rem;
  width: 100vw;
  max-height: calc(100vh - 80px);
  overflow-y: visible;
  background-color: #FAFAFA;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
  z-index: 6;
}
.HeaderMobile_navModal_active__vBXYi {
  opacity: 1;
  visibility: visible;
}

@keyframes HeaderMobile_showEl__l0Rrg {
  0% {
    display: flex;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.HeaderMobile_navList__sV_sC {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl__sHmxs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 2.6875rem;
  max-height: 2.6875rem;
  border-bottom: 0.0625rem solid rgba(88, 89, 91, 0.2);
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl_active__OPvM7 {
  max-height: 100vh;
  padding-bottom: 1.25rem;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl_active__OPvM7 .HeaderMobile_subNavList__p0_tb {
  position: relative;
  opacity: 1;
  visibility: visible;
  max-height: 100vh;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl_active__OPvM7 .HeaderMobile_navItem__bBkNX {
  color: #00A651 !important;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl_active__OPvM7 .HeaderMobile_navItemButton__b22BU > svg {
  transition: 0.2s;
  transform: rotate(180deg);
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navLiEl_active__OPvM7 .HeaderMobile_navItemButton__b22BU > svg > path {
  transition: 0.2s;
  stroke: #00A651;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navItemBlock__62Zlj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navItemBlock__62Zlj .HeaderMobile_navItem__bBkNX {
  display: block;
  font-size: 1.9375rem;
  font-weight: 500;
  color: #29292B;
  transition: 0.2s;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_navItemBlock__62Zlj .HeaderMobile_navItemButton__b22BU {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_subNavList__p0_tb {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.4s ease-out;
}
.HeaderMobile_navList__sV_sC .HeaderMobile_subNavList__p0_tb .HeaderMobile_subNavItem__hwFWj {
  display: block;
  font-size: 1.1875rem;
  font-weight: 400;
  color: #29292B;
}

.HeaderMobile_personAccBlock__fQ5_A {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.9375rem 1rem 2.1875rem 1rem;
  border: 0.0625rem solid #EFEFEF;
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
}
.HeaderMobile_personAccBlock__fQ5_A .HeaderMobile_personAccSpan__IkuMM {
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 140%;
}
.HeaderMobile_personAccBlock__fQ5_A .HeaderMobile_personAccButton__mJuNK {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 1rem;
  box-shadow: 0.0625rem 0.125rem 0.125rem 0 rgba(143, 143, 143, 0.1);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/TextInput/TextInput.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextInput_inputLabel__XakGY {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #58595B;
  font-weight: 500;
  text-align: start;
  transition: color 0.2s;
  width: 100%;
}
.TextInput_inputLabel__XakGY:hover {
  color: rgba(88, 89, 91, 0.5);
}
.TextInput_inputLabel_active__KD9g3 {
  color: #00A651;
}
.TextInput_inputLabel_active__KD9g3:hover {
  color: rgba(0, 166, 81, 0.5);
}
.TextInput_inputLabel_error__BhstW {
  color: #A62400;
}
.TextInput_inputLabel_error__BhstW:hover {
  color: rgba(166, 36, 0, 0.5);
}
.TextInput_inputLabel_error__BhstW:hover .TextInput_errorSpan__k65TD {
  color: rgba(166, 36, 0, 0.5);
}
.TextInput_inputLabel__XakGY .TextInput_textInput__LZaL2 {
  font-size: 1rem;
  font-weight: 600;
  background-color: #EFEFEF;
  padding: 0.5rem;
  border-radius: 0.625rem;
  border: none;
  outline: none;
  color: #0A0A0A;
}
.TextInput_inputLabel__XakGY .TextInput_textInput__LZaL2::placeholder {
  font-weight: 300;
  color: rgba(88, 89, 91, 0.3);
}
.TextInput_inputLabel__XakGY .TextInput_errorSpan__k65TD {
  color: #A62400;
  font-size: 0.625rem;
  font-weight: 400;
  transition: 0.2s;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/widgets/PopupForm/PopupForm.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PopupForm_popupWrapper__2Ahq_ {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100;
  transition: 0s;
}
.PopupForm_popupWrapper_hidden__Ei12z {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 62.5em) {
  .PopupForm_popupWrapper__2Ahq_ {
    background-color: transparent;
  }
}

.PopupForm_popupContent__AaXaj {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.25rem 2.5rem;
  background-color: #FAFAFA;
  border-radius: 2.5rem;
  width: 30rem;
  box-shadow: 0.1875rem 0.625rem 1.375rem 0 #454545;
  transform: translateY(0rem);
}
.PopupForm_popupContent__AaXaj .PopupForm_mobileDragBlock__GKhcZ {
  display: none;
}
.PopupForm_popupContent__AaXaj .PopupForm_chooseBlock__grLyo {
  display: flex;
  justify-content: space-between;
  gap: 1.75rem;
  margin-bottom: 1.75rem;
  width: 100%;
}
.PopupForm_popupContent__AaXaj .PopupForm_chooseBlock__grLyo .PopupForm_checkInputLabel__BhPPJ {
  width: 10.625rem;
}
.PopupForm_popupContent__AaXaj .PopupForm_inputsBlock__m_gdy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  margin-bottom: 1.75rem;
}
.PopupForm_popupContent__AaXaj .PopupForm_submitBlock__72Gve {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 1rem;
}
.PopupForm_popupContent__AaXaj .PopupForm_submitBlock__72Gve .PopupForm_politicsSpan__gYP8B {
  font-size: 0.75rem;
  font-weight: 300;
  color: rgba(88, 89, 91, 0.5);
}
.PopupForm_popupContent__AaXaj .PopupForm_submitBlock__72Gve .PopupForm_politicsSpan__gYP8B .PopupForm_link__bhZ9q {
  text-decoration: underline;
  font-weight: 300;
  color: rgba(88, 89, 91, 0.5);
  transition: 0.3s;
}
.PopupForm_popupContent__AaXaj .PopupForm_submitBlock__72Gve .PopupForm_politicsSpan__gYP8B .PopupForm_link__bhZ9q:hover {
  color: #58595b;
}
@media (max-width: 62.5em) {
  .PopupForm_popupContent__AaXaj {
    position: fixed;
    padding-top: 1rem;
    padding-bottom: 3.125rem;
    width: 100vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: bottom 0.2s ease;
    z-index: 5;
  }
  .PopupForm_popupContent__AaXaj .PopupForm_mobileDragBlock__GKhcZ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-top-right-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    height: 1.25rem;
    margin-bottom: 1rem;
  }
  .PopupForm_popupContent__AaXaj .PopupForm_mobileDragBlock__GKhcZ:before {
    content: "";
    width: 2.25rem;
    height: 0.125rem;
    background-color: #58595B;
    border-radius: 0.625rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/MaskedInput/MaskedInput.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MaskedInput_maskedLabel__7egmn {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595B;
  text-align: start;
  transition: color 0.2s;
}
.MaskedInput_maskedLabel__7egmn:hover {
  color: rgba(88, 89, 91, 0.5);
}
.MaskedInput_maskedLabel_active__8O8Zg {
  color: #00A651;
}
.MaskedInput_maskedLabel_active__8O8Zg:hover {
  color: rgba(0, 166, 81, 0.5);
}
.MaskedInput_maskedLabel_error__sMfXs {
  color: #A62400;
}
.MaskedInput_maskedLabel_error__sMfXs:hover {
  color: rgba(166, 36, 0, 0.5);
}
.MaskedInput_maskedLabel_error__sMfXs:hover .MaskedInput_errorSpan__s17XJ {
  color: rgba(166, 36, 0, 0.5);
}
.MaskedInput_maskedLabel__7egmn .MaskedInput_maskedInput__snhNM {
  font-size: 1rem;
  font-weight: 600;
  background-color: #EFEFEF;
  padding: 0.5rem;
  border-radius: 0.625rem;
  border: none;
  outline: none;
  color: #0A0A0A;
}
.MaskedInput_maskedLabel__7egmn .MaskedInput_maskedInput__snhNM::placeholder {
  color: rgba(88, 89, 91, 0.3);
  font-weight: 300;
}
.MaskedInput_maskedLabel__7egmn .MaskedInput_errorSpan__s17XJ {
  color: #A62400;
  font-size: 0.625rem;
  font-weight: 400;
  transition: 0.2s;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/TextArea/TextArea.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextArea_textareaLabel__GIrfW {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #58595B;
  text-align: start;
  transition: color 0.2s;
}
.TextArea_textareaLabel__GIrfW:hover {
  color: rgba(88, 89, 91, 0.5);
}
.TextArea_textareaLabel_active__ZK8tV {
  color: #00A651;
}
.TextArea_textareaLabel_active__ZK8tV:hover {
  color: rgba(0, 166, 81, 0.5);
}
.TextArea_textareaLabel_error__k8oBk {
  color: #A62400;
}
.TextArea_textareaLabel_error__k8oBk:hover {
  color: rgba(166, 36, 0, 0.5);
}
.TextArea_textareaLabel_error__k8oBk:hover .TextArea_errorSpan__P9Lmm {
  color: rgba(166, 36, 0, 0.5);
}
.TextArea_textareaLabel__GIrfW .TextArea_textarea__UDYbo {
  font-size: 1rem;
  font-weight: 600;
  color: #0A0A0A;
  border: none;
  border-radius: 0.625rem;
  padding: 0.5rem;
  outline: none;
  background-color: #EFEFEF;
}
.TextArea_textareaLabel__GIrfW .TextArea_textarea__UDYbo::placeholder {
  font-size: 1rem;
  font-weight: 300;
  color: rgba(88, 89, 91, 0.3);
}
.TextArea_textareaLabel__GIrfW .TextArea_errorSpan__P9Lmm {
  color: #A62400;
  font-size: 0.625rem;
  font-weight: 400;
  transition: 0.2s;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/DragAndDropButton/DragAndDropButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DragAndDropButton_visible__r3gDP {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.DragAndDropButton_hidden__zjLCd {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.DragAndDropButton_draggableFormButton__LMfwS {
  background-color: #58595B;
  padding: 0.5rem 0.625rem 0.5rem 0.5rem;
  border-radius: 1.875rem;
  max-width: 17.0625rem;
  overflow: hidden;
  transition: background-color 0.2s;
}
.DragAndDropButton_draggableFormButton_success__piJUb {
  background-color: #00A651;
}
.DragAndDropButton_draggableFormButton__LMfwS .DragAndDropButton_draggableWrapper__KMTQt {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: -6.25rem;
  width: max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DragAndDropButton_draggableFormButton__LMfwS .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_firstCaption__cPWwi {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}
.DragAndDropButton_draggableFormButton__LMfwS .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_iconButton__hpdxz {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  background-color: #FAFAFA;
  border-radius: 50%;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.DragAndDropButton_draggableFormButton__LMfwS .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_iconButton__hpdxz > svg {
  transition: opacity 0.2s;
}
.DragAndDropButton_draggableFormButton__LMfwS .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_secondCaption__PixyR {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

.DragAndDropButton_draggableLightButton__N5vCe {
  background-color: #D2D3D4;
  padding: 0.25rem 0.75rem 0.25rem 0.5rem;
  border-radius: 1.875rem;
  max-width: 17.0625rem;
  overflow: hidden;
  transition: background-color 0.2s;
}
.DragAndDropButton_draggableLightButton_success__5ooa4 {
  background-color: #00A651;
}
.DragAndDropButton_draggableLightButton__N5vCe .DragAndDropButton_draggableWrapper__KMTQt {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: -6.25rem;
  width: max-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DragAndDropButton_draggableLightButton__N5vCe .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_firstCaption__cPWwi {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}
.DragAndDropButton_draggableLightButton__N5vCe .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_iconButton__hpdxz {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: #FAFAFA;
  border-radius: 1.625rem;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.DragAndDropButton_draggableLightButton__N5vCe .DragAndDropButton_draggableWrapper__KMTQt .DragAndDropButton_secondCaption__PixyR {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/CheckInput/CheckInput.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckInput_checkLabel__oILm_ {
  display: flex;
  background-color: #EFEFEF;
  padding: 1rem;
  border-radius: 1rem;
  cursor: pointer;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CheckInput_checkLabel_checked__Dd54r {
  display: flex;
  background-color: #EFEFEF;
  padding: 1rem;
  border-radius: 1rem;
  cursor: pointer;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.CheckInput_checkLabel__oILm_:hover {
  background-color: #58595B;
}
.CheckInput_checkLabel__oILm_:hover .CheckInput_checkSpan__0I0Sd {
  color: #EFEFEF;
}
.CheckInput_checkLabel__oILm_:hover .CheckInput_checkIcon__xJkE7 {
  border: 0.125rem solid #EFEFEF;
}

.CheckInput_checkSpan__0I0Sd {
  font-size: 1rem;
  font-weight: 400;
  color: #0A0A0A;
  transition: 0.3s;
}

.CheckInput_checkInput__kT3Qt {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.CheckInput_checkIcon__xJkE7 {
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 0.125rem solid #58595B;
  transition: 0.3s;
}
.CheckInput_checkIcon_checked__R3yrt {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  transition: 0.3s;
  background-color: #00A651;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/widgets/MiniMenuPanel/MiniMenuPanel.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MiniMenuPanel_panelBlock__n0nfp {
  position: fixed;
  padding: 0 1rem;
  bottom: 1.5rem;
  width: 100vw;
  z-index: 4;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  background-color: #D2D3D4;
  border-radius: 1.5rem;
  padding: 1rem;
  height: 5rem;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem___25O2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0.875rem;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem_active__a5rSC {
  background-color: #00A651;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 1rem;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem_active__a5rSC .MiniMenuPanel_navItemSpan__2ErKs {
  opacity: 1 !important;
  width: 100% !important;
  color: #FAFAFA;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem_active__a5rSC .MiniMenuPanel_navItemIcon__p5kF0 circle {
  fill: #FAFAFA;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem_active__a5rSC .MiniMenuPanel_navItemIcon__p5kF0 path {
  fill: #FAFAFA;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem___25O2 .MiniMenuPanel_navItemSpan__2ErKs {
  font-size: 0.875rem;
  font-weight: 600;
  color: #FAFAFA;
  opacity: 0;
  width: 0;
  transition: 0.3s;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_navBlock__2hwE6 .MiniMenuPanel_navItem___25O2 .MiniMenuPanel_navItemIconBlock__ov68_ .MiniMenuPanel_navItemIcon__p5kF0 {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.MiniMenuPanel_panelBlock__n0nfp .MiniMenuPanel_panelWrapper__NpYav .MiniMenuPanel_orderButton__Cszvi {
  height: 5rem;
  width: 5rem;
  border-radius: 1.875rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/shared/UI/GreenButton/GreenButton.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.GreenButton_greenButton__YT6y2 {
  padding: 1rem 1.75rem;
  cursor: pointer;
  background-color: #00A651;
  border-radius: 2.5rem;
  border: none;
  transition: 0.2s;
}
.GreenButton_greenButton__YT6y2:hover {
  background-color: #9DD2A8;
}
.GreenButton_greenButton__YT6y2 .GreenButton_buttonCaption__I2V1V {
  font-size: 1rem;
  color: #FAFAFA;
  font-weight: 600;
}
.GreenButton_greenButton__YT6y2 .GreenButton_buttonIcon__l5Lsi {
  display: none;
}

@media (max-width: 87.5em) {
  .GreenButton_greenButtonMobileSmall__H6icg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4rem;
    width: 4rem;
    padding: 0;
    border-radius: 1.5rem;
  }
  .GreenButton_greenButtonMobileSmall__H6icg .GreenButton_buttonCaption__I2V1V {
    display: none;
  }
  .GreenButton_greenButtonMobileSmall__H6icg .GreenButton_buttonIcon__l5Lsi {
    display: flex;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/widgets/Header/HeaderDesktop/HeaderDesktop.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes HeaderDesktop_swapTextStyle__9FPXY {
  0% {
    color: #58595B;
    text-decoration: none;
  }
  25% {
    color: #29292B;
    text-decoration: underline;
  }
  75% {
    color: #29292B;
    text-decoration: underline;
  }
  100% {
    color: #58595B;
    text-decoration: none;
  }
}
@keyframes HeaderDesktop_swapIconStyle__M7qPs {
  0% {
    fill: #58595B;
  }
  25% {
    fill: #29292B;
  }
  75% {
    fill: #29292B;
  }
  100% {
    fill: #58595B;
  }
}
@keyframes HeaderDesktop_noticeAnim__Zq1PF {
  0% {
    right: -100vw;
  }
  20% {
    right: 2%;
  }
  80% {
    right: 2%;
  }
  100% {
    right: -100vw;
  }
}
.HeaderDesktop_hide__8P2J7 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: none;
}

.HeaderDesktop_header__Yp9l3 {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 84rem;
  padding: 0.625rem 3.125rem;
  background: rgba(250, 250, 250, 0.5);
  border-radius: 3.75rem;
  top: 1.25rem;
  z-index: 5;
  -webkit-backdrop-filter: blur(0.4375rem);
          backdrop-filter: blur(0.4375rem);
}
@media (max-width: 62.5em) {
  .HeaderDesktop_header__Yp9l3 {
    display: none;
  }
}
.HeaderDesktop_header__Yp9l3 .HeaderDesktop_notice__rlZe6 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -1rem;
  right: -100vw;
  background-color: #58595B;
  height: 2rem;
  padding: 0.625rem 1.25rem;
  border-radius: 2.5rem;
  color: #FAFAFA;
  font-weight: 600;
  font-size: 0.625rem;
}
.HeaderDesktop_header__Yp9l3 .HeaderDesktop_notice_animate__Kq57b {
  animation: HeaderDesktop_noticeAnim__Zq1PF 2s ease-in-out;
}
@media (max-width: 81.25em) {
  .HeaderDesktop_header__Yp9l3:has(.HeaderDesktop_callButton__zlZHU:hover) .HeaderDesktop_orderButton__sP3Gf {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .HeaderDesktop_header__Yp9l3:has(.HeaderDesktop_callButton__zlZHU:hover) .HeaderDesktop_searchButton__bH6QD {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
@media (max-width: 87.5em) {
  .HeaderDesktop_header__Yp9l3 {
    width: 84vw;
    padding-right: 2.8125rem;
  }
}
@media (max-width: 75em) {
  .HeaderDesktop_header__Yp9l3 {
    width: 92vw;
    padding: 0.3125rem 2rem;
  }
}

.HeaderDesktop_navSide__oOJRV {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  font-weight: 500;
  margin-right: -6.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_logoBlock__fOiT7 {
  width: 3.75rem;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_logoBlock__fOiT7 > svg {
  width: 100%;
  height: 100%;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
}
@media (max-width: 87.5em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH {
    gap: 1.25rem;
  }
}
@media (max-width: 75em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH {
    gap: 1.5rem;
  }
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH > li {
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 87.5em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH > li {
    gap: 1.25rem;
  }
}
@media (max-width: 75em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH > li {
    gap: 1.5rem;
  }
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navItem__TQN1S {
  color: #0A0A0A;
  transition: 0.3s;
  text-wrap: nowrap;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navItem_inactive__Nj_Z0 {
  color: #58595B;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navItem_hidden__IQpYq {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: none;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navItem__TQN1S:hover {
  color: #00A651;
  text-decoration: underline;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navLiEl__Rjrtr {
  display: flex;
  align-items: center;
  opacity: 1;
  visibility: visible;
  position: relative;
  transition: 0.3s;
  height: 100%;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_navLiEl_hidden__tyLSC {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: 0.3s;
  display: none;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_subNavList__fn0mY {
  display: flex;
  gap: 2.5rem;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_subNavList_visible__Lb6El {
  opacity: 1;
  visibility: visible;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 87.5em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_subNavList_visible__Lb6El {
    gap: 1.25rem;
  }
}
@media (max-width: 75em) {
  .HeaderDesktop_navSide__oOJRV .HeaderDesktop_navList__w8olH .HeaderDesktop_subNavList_visible__Lb6El {
    gap: 1.5rem;
  }
}
@media (max-width: 68.75em) {
  .HeaderDesktop_navSide__oOJRV {
    gap: 1.75rem;
  }
}

.HeaderDesktop_searchSide__K6YPy {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_searchButton__bH6QD {
  cursor: pointer;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_searchButton__bH6QD:hover svg > path {
  transition: 0.2s;
  stroke: #58595B;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_orderButton__sP3Gf > span {
  font-weight: 500;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  overflow-x: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU.HeaderDesktop_animate__Tn91h .HeaderDesktop_caption__eOXWe {
  animation: HeaderDesktop_swapTextStyle__9FPXY 2s ease-in-out;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU.HeaderDesktop_animate__Tn91h svg > path {
  animation: HeaderDesktop_swapIconStyle__M7qPs 2s ease-in-out;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU:hover .HeaderDesktop_caption__eOXWe {
  margin-right: 0em;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU:hover svg > path {
  transition: 0.3s;
}
.HeaderDesktop_searchSide__K6YPy .HeaderDesktop_callButton__zlZHU .HeaderDesktop_caption__eOXWe {
  transition: 0.3s ease;
  color: #58595B;
  font-weight: 600;
  font-size: 1rem;
  margin-right: -10em;
}
@media (max-width: 75em) {
  .HeaderDesktop_searchSide__K6YPy {
    gap: 1.5rem;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/widgets/SearchPopup/SearchPopup.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes SearchPopup_showEl__xgS_B {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    background-color: #FAFAFA;
  }
}
.SearchPopup_searchWrapper___rUzT {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s;
}
.SearchPopup_searchWrapper_hidden__FSa6m {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.SearchPopup_searchWrapper___rUzT .SearchPopup_searchInnerWrapper__yfCo0 {
  animation: SearchPopup_showEl__xgS_B 0.5s ease-in-out forwards;
}

.SearchPopup_searchInnerWrapper__yfCo0 {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.2s;
}
.SearchPopup_searchInnerWrapper__yfCo0 .SearchPopup_closeBtn__aRviZ {
  position: absolute;
  top: 3.25rem;
  right: 6.25rem;
  cursor: pointer;
}

.SearchPopup_searchContent__11w93 {
  position: absolute;
  right: 0;
  left: 0;
  top: 0rem;
  bottom: 0rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  background-color: #FAFAFA;
  padding: 0 6.25rem;
  transition: top 0.5s ease-in-out, bottom 0.5s ease-in-out;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide_filled__PRkO0:hover .SearchPopup_labelSpan__aiwTq {
  color: rgba(0, 166, 81, 0.5);
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_labelSpan__aiwTq {
  font-size: 1.1875rem;
  margin-bottom: 0.3125rem;
  padding-left: 1rem;
  font-weight: 600;
  cursor: default;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_labelSpan_filled__n0xzu {
  color: #00A651;
  transition: 0.2s;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_inputLabel__uZ8H_ {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_inputLabel__uZ8H_ .SearchPopup_textInput__k9j3i {
  outline: none;
  border: none;
  font-size: 3.125rem;
  font-weight: 600;
  padding: 0 1rem;
  background-color: transparent;
  color: #29292B;
  width: 100%;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_inputLabel__uZ8H_ .SearchPopup_textInput__k9j3i::placeholder {
  font-size: 3.125rem;
  color: #EFEFEF;
  font-weight: 600;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_inputLabel__uZ8H_ .SearchPopup_searchButton__P8OOi {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #00A651;
  padding: 1rem 1rem;
  cursor: pointer;
  transition: 0.2s;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_inputLabel__uZ8H_ .SearchPopup_searchButton__P8OOi:hover {
  background-color: #9DD2A8;
}
.SearchPopup_searchContent__11w93 .SearchPopup_inputSide__sbUlv .SearchPopup_subSpan__6__0M {
  font-size: 1.1875rem;
  font-weight: 600;
  color: rgba(41, 41, 43, 0.1);
  margin-top: 2rem;
  padding-left: 1rem;
  cursor: default;
}