/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Wrapper/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__XlhgO {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
}

.styles_top__zJs1k {
  background: var(--color-light);
}
.styles_top__zJs1k.styles_fixed__KPt97 {
  position: fixed;
  z-index: 150;
  top: 0;
  left: 0;
  right: 0;
}

.styles_topContent__fQW_u {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  gap: 0.5rem;
}

.styles_content__jSZz0 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  width: 100%;
}

.styles_main__qtdcR {
  display: flex;
  flex: 1 1;
  padding-inline: 1.25rem;
  padding-block: 16.5rem;
}
@media (min-width: 992px) {
  .styles_main__qtdcR {
    padding-block: 12.5rem;
  }
}
@media (min-width: 1200px) {
  .styles_main__qtdcR {
    padding-bottom: 20rem;
  }
}
@media (min-width: 1640px) {
  .styles_main__qtdcR {
    padding-inline: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Notification/styles.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_notification__0wOfl {
  position: fixed;
  top: 1rem;
  right: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  border-radius: 0.25rem;
  transition: opacity 500ms ease, visibility 500ms ease;
  z-index: 100;
}

.styles_notification__0wOfl.styles_danger__tEMIu {
  color: var(--color-danger);
}

.styles_notification__0wOfl.styles_success__IOas6 {
  color: var(--color-success);
}

.styles_notification__0wOfl.styles_info__tzE_I {
  color: var(--color-info);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/Overlay/UI/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_overlay__GqGIu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 120;
  -webkit-backdrop-filter: blur(0.15rem);
          backdrop-filter: blur(0.15rem);
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/LoadingIndicator/UI/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_progressBar__MvJKa {
  position: fixed;
  top: 0;
  left: 0;
  height: 0.25rem;
  background-color: var(--color-tertiary);
  width: 0;
  z-index: 9999;
  transition: 200ms width ease-in-out;
}

.styles_progressBar__MvJKa::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6.25rem;
  height: 100%;
  background-color: var(--color-tertiary);
  opacity: 1;
  transform: rotate(3.15deg) translate(0px, -0.25rem);
}

@keyframes styles_progressBarComplete__BxI2K {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.styles_progressBar__MvJKa.styles_complete__OC6dg {
  animation: styles_progressBarComplete__BxI2K 500ms ease-in-out forwards;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/Cookies/UI/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_cookies__mve4E {
  padding: 0.75rem 1.5rem;
  border-radius: 1.5rem;
  gap: 3.5rem;
  max-width: 40rem;
  bottom: 0.75rem;
  right: 0.75rem;
  left: 0.75rem;
  z-index: 50;
  background: var(--color-waterflow-transparent-75);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  display: flex;
  flex-direction: column;
  position: fixed;
}
@media (min-width: 660px) {
  .styles_cookies__mve4E {
    bottom: 1.5rem;
    right: 1.5rem;
    left: unset;
  }
}

.styles_button__cLKd1 {
  background: var(--color-light-darker-transparent-20) !important;
  color: var(--color-dark) !important;
}
.styles_button__cLKd1:hover {
  background: var(--color-light-darker-transparent-40) !important;
}

.styles_top__CRajR {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.styles_heading__BP3mR {
  font-size: 1.25rem;
}

.styles_link__VLq_t {
  color: var(--color-tertiary);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Button/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button__sgfqs {
  height: 2.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative;
  padding: 0.75rem 1.5rem;
  color: var(--color-light);
  background-color: var(--color-fink);
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  transition: background-color 300ms ease;
  width: 100%;
}
.styles_button__sgfqs:disabled {
  background: var(--color-dark-transparent-50);
  color: var(--color-light-transparent-60);
}
.styles_button__sgfqs:not(:disabled):hover {
  background: var(--color-primary);
}
.styles_button__sgfqs:focus:not(:focus-visible) {
  outline: none;
}
.styles_button__sgfqs:focus-visible {
  outline: 0.25rem solid var(--color-light);
}

.styles_fit__2fspz {
  width: -moz-fit-content;
  width: fit-content;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Loader/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes styles_spin__ag6Ry {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.styles_loader__EC0k6 {
  border: 0.25rem solid var(--color-light);
  border-top: 0.25rem solid var(--color-primary);
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  animation: styles_spin__ag6Ry 1000ms linear infinite;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/Navbar/UI/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__XS8kz {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  background: var(--color-light);
  border-right: 0.0625rem solid var(--color-dark-transparent-10);
  position: fixed;
  overflow: scroll;
  top: 0;
  left: 0;
  padding-right: 0.5rem;
  width: 20rem;
  height: 100vh;
  z-index: 350;
}
@media (min-width: 1600px) {
  .styles_wrapper__XS8kz {
    display: none;
    position: relative;
    overflow: unset;
    min-height: 100vh;
    padding-right: 0;
  }
}

.styles_navbar__oH5_D {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  gap: 2.5rem;
  padding-bottom: 5rem;
}

.styles_part__v0uwy {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

@media (min-width: 1130px) {
  .styles_mobile__E4DOp,
  .styles_title__LnKo9 {
    display: none;
  }
}

.styles_title__LnKo9 {
  padding-inline: 0.75rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.styles_selected__052os {
  color: var(--color-tertiary) !important;
}

.styles_items__F9esQ {
  display: flex;
  flex-direction: column;
}

.styles_header__ECoYU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.375rem;
}

.styles_links__xRFgd {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.styles_link__eXiYO {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.95rem;
  font-weight: 610;
  overflow: scroll;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  transition: 200ms ease-in-out;
}
.styles_link__eXiYO path {
  transition: 200ms ease-in-out;
}
.styles_link__eXiYO:hover {
  color: var(--color-tertiary);
}
.styles_link__eXiYO:hover path {
  fill: blue;
}
.styles_link__eXiYO.styles_active__fFX9r {
  color: var(--color-fink);
}

.styles_wrapped__QUAk_ {
  background: blue;
}

.styles_item__w8Bhb {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.styles_item__w8Bhb span {
  font-size: 1.15rem;
}

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

.styles_head__9wqyT {
  padding: 1.5rem 0.75rem 0;
  display: flex;
  align-items: center;
  font-size: 1.15rem;
  font-weight: 700;
}

.styles_negative__dEIeb {
  color: var(--color-danger);
}

.styles_head__9wqyT {
  color: black;
}

.styles_extraLinksWrapper__EBb_g {
  display: flex;
  margin-top: 0.625rem;
  margin-inline: 0.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
}

.styles_extraLink__RN2UD {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1 1;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: white;
  transition: 200ms all ease-in-out;
}
.styles_extraLink__RN2UD:not(:last-child) {
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.styles_extraLink__RN2UD.styles_purple__baTvT {
  background: #764ba2;
}
.styles_extraLink__RN2UD.styles_orange__SefmC {
  background: #FF6F00;
}
.styles_extraLink__RN2UD:hover {
  opacity: 0.85;
}

.styles_badge__BII0G {
  background: rgba(255, 255, 255, 0.3);
  padding: 0.125rem 0.5rem;
  border-radius: 50rem;
  font-size: 0.75rem;
  font-weight: 700;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Header/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__Y4f9l {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
}

.styles_header__akKC1 {
  background: var(--color-light);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.styles_desktop__F_VIq {
  display: none;
}
@media (min-width: 768px) {
  .styles_desktop__F_VIq {
    display: flex;
  }
}

@media (min-width: 768px) {
  .styles_mobile__eb_2V {
    display: none;
  }
}

.styles_headerContent__06zdb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1;
  gap: 1.25rem;
}

.styles_part__jw3HK {
  flex: 1 1;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 1300px) {
  .styles_part__jw3HK {
    gap: clamp(1rem, 5vw, 3.5rem);
  }
}

.styles_meta__E0lUZ {
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1300px) {
  .styles_meta__E0lUZ {
    gap: clamp(1rem, 5vw, 3.5rem);
  }
}

.styles_buttons__Y9aVp {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1600px) {
  .styles_menuButtonWrapper__UmBJK {
    display: none;
  }
}

@media (min-width: 768px) {
  .styles_mobile__eb_2V {
    display: none;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/Profile/UI/ProfileButton/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_profileWrapper__XDOBK {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  gap: 0.25rem;
}

.styles_button__KHq2J {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.styles_button__KHq2J * {
  transition: 200ms all ease-in-out;
}
.styles_button__KHq2J:hover * {
  color: var(--color-tertiary);
}

.styles_authorized__s2tBi * {
  color: var(--color-identity-4-transparent-90);
}

.styles_note__FhV6f {
  display: none;
  color: var(--color-identity-4-transparent-90);
}
@media (min-width: 768px) {
  .styles_note__FhV6f {
    display: block;
    font-size: 0.75rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Popover/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_popover__4QACD {
  position: absolute;
  background: var(--color-light);
  border: 0.0625rem solid var(--color-light-darker);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  z-index: 50;
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 10rem;
}

.styles_hidden__F2HPS {
  opacity: 0;
  pointer-events: none;
}

.styles_option__LaB_y {
  color: var(--color-dark);
  padding: 0.75rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background 300ms;
}
.styles_option__LaB_y:hover {
  background: var(--color-light-darker);
  border-color: transparent;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/Menu/UI/MenuButton/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button__bB4Ug {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Input/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_inputContainer__AIqkx {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 0 auto;
}

.styles_label__IelNz {
  margin-bottom: 0.5rem;
  margin-left: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-dark-transparent-75);
}

.styles_input__sOBEw {
  padding: 0.75rem 1.05rem;
  font-weight: 600;
  background: var(--color-light-darker);
  color: var(--color-dark);
  border-radius: 0.75rem;
  outline: none;
  width: 100%;
  transition: 200ms all ease-in-out;
}
.styles_input__sOBEw::placeholder {
  color: var(--color-dark);
}

.styles_column__VH7km {
  display: flex;
  flex-direction: column-reverse;
}

.styles_hint__9JRY1 {
  position: absolute;
  top: 100%;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-secondary);
  background-color: var(--color-light-transparent-85);
  -webkit-backdrop-filter: blur(0.075rem);
          backdrop-filter: blur(0.075rem);
  border-radius: 0.5rem;
  z-index: 10;
}

.styles_invalid__qrHij {
  border-color: var(--color-danger) !important;
  color: var(--color-danger) !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/Search/UI/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__NKRgp {
  position: relative;
  flex: 1 1;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1200px) {
  .styles_wrapper__NKRgp {
    max-width: 20rem;
  }
}

.styles_button__5XM37 {
  right: 0;
  top: 0;
  bottom: 0;
  width: 2.75rem;
  transition: 200ms all ease-in-out;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_button__5XM37 svg {
  transition: 200ms all ease-in-out;
  color: var(--color-dark);
}
.styles_button__5XM37:hover svg {
  color: var(--color-tertiary);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/FixedLoader/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__txkkN {
  position: fixed;
  padding: 1.25rem;
  bottom: 0;
  right: 0;
  z-index: 100;
}
@media (min-width: 992px) {
  .styles_wrapper__txkkN {
    padding: 2.25rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/HeaderNavbar/UI/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_navbarWrapper__zup6s {
  display: none;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1130px) {
  .styles_navbarWrapper__zup6s {
    display: flex;
  }
}

.styles_navbar__273v0 {
  display: flex;
  gap: 0.5rem;
}

.styles_linkWrapper__bYloe {
  padding: 0.5rem;
  position: relative;
}
.styles_linkWrapper__bYloe:first-of-type {
  padding-left: 0;
}
.styles_linkWrapper__bYloe:last-of-type {
  padding-right: 0;
}

.styles_link__dQCXK {
  transition: 200ms all ease-in-out;
  font-size: 0.875rem;
}
.styles_link__dQCXK:hover {
  color: var(--color-tertiary);
}

.styles_extraLinks__uB1YG {
  display: flex;
  border-radius: 1.5rem;
  overflow: hidden;
}

.styles_extraLink__WdTEe {
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: 200ms all ease-in-out;
  white-space: nowrap;
  color: white;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.styles_extraLink__WdTEe:first-of-type {
  background: #764ba2;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.styles_extraLink__WdTEe:last-of-type {
  background: #FF6F00;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.styles_extraLink__WdTEe:not(:last-child) {
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.styles_extraLink__WdTEe:hover {
  opacity: 0.85;
}

.styles_badge__cuzo3 {
  background: rgba(255, 255, 255, 0.3);
  padding: 0.125rem 0.5rem;
  border-radius: 50rem;
  font-size: 0.75rem;
  font-weight: 700;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/HeaderContacts/UI/styles.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__5YJP8 {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--color-light-darker);
}
.styles_wrapper__5YJP8 div {
  font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/Cart/UI/CartButton/styles.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_button__fVwIi {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.styles_button__fVwIi svg {
  transition: 200ms all ease-in-out;
}
.styles_button__fVwIi:hover svg {
  color: var(--color-tertiary);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/entities/Cart/UI/CartSummary/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__10wgU {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.styles_total__nbj7K {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 800;
  max-width: 5rem;
  white-space: nowrap;
}
@media (min-width: 1400px) {
  .styles_total__nbj7K {
    max-width: 7.5rem;
  }
}
@media (min-width: 1600px) {
  .styles_total__nbj7K {
    max-width: 10rem;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Logo/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Loading/styles.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_loading__WfdxG {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-light);
  z-index: 1000;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/Toolbar/UI/styles.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__xXxvT {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 45;
  background: var(--color-light);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  border-top: 0.0625rem solid var(--color-dark-transparent-10);
}
@media (min-width: 768px) {
  .styles_wrapper__xXxvT {
    display: none;
  }
}

.styles_content__DRAXe {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
  width: 100%;
  max-width: 30rem;
}

.styles_cell__j13cR {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.styles_cell__j13cR svg {
  color: var(--color-dark);
}
.styles_cell__j13cR svg {
  transition: 200ms all ease-in-out;
}
.styles_cell__j13cR:hover svg {
  color: var(--color-tertiary) !important;
}
.styles_cell__j13cR a, .styles_cell__j13cR > button {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/MegaMenu/UI/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_megaMenu__jML18 {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  background: var(--color-identity-3-transparent-10);
}
.styles_megaMenu__jML18 a {
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
}
@media (min-width: 1700px) {
  .styles_megaMenu__jML18 {
    border-radius: 1.5rem;
  }
}

.styles_menuMain__tvZpk {
  max-width: 100vw;
  width: 100%;
  display: flex;
  text-overflow: ellipsis;
  overflow: scroll hidden;
}
@media (min-width: 1700px) {
  .styles_menuMain__tvZpk {
    max-width: 100rem;
  }
}

.styles_menuItem__69F_F {
  position: relative;
  padding: 0.5rem 1.5rem;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  transition: 500ms all ease-in-out;
}
.styles_menuItem__69F_F:not(:last-child) {
  border-right: 2px solid var(--color-light);
}
@media (min-width: 1700px) {
  .styles_menuItem__69F_F:first-of-type {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
  .styles_menuItem__69F_F:last-of-type {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }
}
.styles_menuItem__69F_F a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.styles_menuItem__69F_F:hover {
  background-color: var(--color-waterflow-transparent-15);
}

.styles_subMenu__S8UbF {
  display: none;
}
@media (min-width: 768px) {
  .styles_subMenu__S8UbF {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    background: var(--color-light);
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-radius: 0.75rem;
    z-index: 160;
    overflow: auto;
    max-height: 25rem;
    min-width: 10rem;
    white-space: nowrap;
  }
}

.styles_subMenuItem__6hdie {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: 200ms all ease-in-out;
}
.styles_subMenuItem__6hdie a {
  display: block;
  padding: 0.65rem 1.25rem;
  width: 100%;
}

.styles_subMenuItem__6hdie:hover {
  background-color: var(--color-waterflow-transparent-50);
  font-style: italic;
}

@media (min-width: 992px) {
  .styles_megaMenu__jML18 {
    flex-direction: row;
  }
}
.styles_button__e445v {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50rem;
  background: var(--color-dark-transparent-60);
  top: 50%;
  transform: translateY(-50%);
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
@media (min-width: 1120px) {
  .styles_button__e445v {
    display: none;
  }
}
.styles_button__e445v * {
  color: var(--color-light);
}
.styles_button__e445v.styles_left__3W_ly {
  left: 0.25rem;
}
.styles_button__e445v.styles_right__ij7K3 {
  right: 0.25rem;
}
.styles_button__e445v.styles_hidden__i0uj3 {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/Footer/styles.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_content__8Hoa2 {
  padding: 1.25rem 0.75rem 5rem;
  border-top: 0.0625rem solid var(--color-dark-transparent-10);
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  flex: 1 1;
}
.styles_content__8Hoa2 p {
  font-size: 0.75rem;
  white-space: nowrap;
  color: var(--color-dark-transparent-75);
}
@media (min-width: 620px) {
  .styles_content__8Hoa2 {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .styles_content__8Hoa2 {
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 1640px) {
  .styles_content__8Hoa2 {
    padding-inline: 0;
  }
}

.styles_part__ISDv1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .styles_part__ISDv1 {
    gap: 2.5rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/shared/UI/Container/styles.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_container__jMJJl {
  margin: 0 auto;
  flex: 1 1;
  display: flex;
  max-width: 100rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/features/ScrollToTop/UI/styles.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.styles_scrollToTop__Soq0u {
  position: fixed;
  bottom: var(--spacing-lg); /* Используем переменную для отступа */
  right: var(--spacing-lg);
  z-index: 115;
  transition: 200ms all ease-in-out;
}
.styles_scrollToTop__Soq0u.styles_hidden__Yn_JR {
  opacity: 0;
  pointer-events: none;
}

.styles_customCircle__ZQGpL {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem; /* Диаметр круга */
  height: 2.75rem;
  background-color: var(--color-primary); /* Основной цвет круга */
  border-radius: 50%; /* Круглая форма */
  cursor: pointer;
  transition: 300ms all ease-in-out;
}
.styles_customCircle__ZQGpL:hover {
  background-color: var(--color-tertiary); /* Изменение цвета на более светлый при наведении */
  transform: translateY(-0.25rem); /* Легкий подъем при наведении */
}

.styles_arrowIcon__Bj0xb {
  color: var(--color-light-darker) !important; /* Цвет стрелки */
  font-size: 2rem; /* Размер иконки */
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/HomeWidget/UI/styles.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_wrapper__v0_cG {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./src/widgets/Intro/UI/styles.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_intro__PKZN_,
.styles_top__WdWn3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1;
}

.styles_intro__PKZN_ {
  padding-top: 2.5rem;
  justify-content: space-between;
  gap: 5rem;
}
@media (min-width: 768px) {
  .styles_intro__PKZN_ {
    padding-top: 3.5rem;
    gap: 7.5rem;
  }
}
@media (min-width: 1600px) {
  .styles_intro__PKZN_ {
    padding-top: 5rem;
    gap: 10rem;
    max-height: 50rem;
  }
}

.styles_top__WdWn3 {
  gap: 1.5rem;
}

.styles_cards__k1s_W {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.styles_card__y7G4u {
  min-width: 20rem;
  flex: 1 1;
  border-radius: 1.5rem;
  transition: 200ms all ease-in-out;
}
.styles_card__y7G4u:first-of-type {
  background: var(--color-identity-1-transparent-50);
  color: var(--color-light);
}
.styles_card__y7G4u:nth-of-type(2) {
  background: var(--color-identity-3-transparent-50);
  color: var(--color-light);
}
.styles_card__y7G4u:last-of-type {
  background: var(--color-identity-2-transparent-50);
  color: var(--color-light);
}
.styles_card__y7G4u:hover:first-of-type {
  background: var(--color-identity-1-transparent-55);
}
.styles_card__y7G4u:hover:nth-of-type(2) {
  background: var(--color-identity-3-transparent-55);
}
.styles_card__y7G4u:hover:last-of-type {
  background: var(--color-identity-2-transparent-55);
}
.styles_card__y7G4u a {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem 1.5rem;
}

.styles_heading__h5b92 {
  font-size: clamp(2.5rem, 10vw, 10rem);
  text-transform: uppercase;
}
.styles_heading__h5b92 span {
  color: var(--color-identity-1-transparent-20);
}

.styles_subheading__9osZf {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-primary);
  text-transform: uppercase;
  text-align: center;
  width: min(70vw, 120rem);
}