/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/modern-normalize/modern-normalize.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ /* 3. Use a more readable tab size (opinionated). */
	tab-size: 4; /* 3 */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[12].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/app/layout.tsx","import":"","arguments":[{"display":"swap","src":[{"path":"../fonts/OpenSans/OpenSans-Regular.woff2","weight":"400","style":"normal"},{"path":"../fonts/OpenSans/OpenSans-SemiBold.woff2","weight":"600","style":"normal"},{"path":"../fonts/OpenSans/OpenSans-Bold.woff2","weight":"700","style":"normal"}],"fallback":["sans-serif","system-ui","Segoe UI","Roboto","Helvetica","Arial","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"],"variable":"--my-open-sans-regular"}],"variableName":"openSansRegular"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__openSansRegular_024999';
src: url(/_next/static/media/a18bce9e0bf04d49-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: '__openSansRegular_024999';
src: url(/_next/static/media/587516cbec40e788-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: '__openSansRegular_024999';
src: url(/_next/static/media/50b5cce150af92e0-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}@font-face {font-family: '__openSansRegular_Fallback_024999';src: local("Arial");ascent-override: 101.58%;descent-override: 27.84%;line-gap-override: 0.00%;size-adjust: 105.22%
}.__className_024999 {font-family: '__openSansRegular_024999', '__openSansRegular_Fallback_024999', sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}.__variable_024999 {--my-open-sans-regular: '__openSansRegular_024999', '__openSansRegular_Fallback_024999', sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 9, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/BtnToTop/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_btnToTop__wHfGO {
		position: fixed;
		padding: 0;
		background-color: transparent;
		border: none;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		right: 60px;
		bottom: 153px;
		cursor: pointer;
		transition: translateY 0.3s;
		transform: translateY(200px);
		z-index: 1;
}
@media only screen and (max-width: 767px) {
		.style_btnToTop__wHfGO {
				bottom: 190px;
				display: none !important;
		}
}
@media only screen and (max-width: 576px) {
		.style_btnToTop__wHfGO {
				right: 30px;
				width: 40px;
				height: 40px;
		}
}
@media only screen and (max-width: 576px) {
		.style_btnToTop__wHfGO svg {
				width: 40px;
				height: 40px;
		}
}
.style_btnToTop__wHfGO svg circle {
		transition: fill 0.3s;
}
.style_btnToTop__wHfGO:hover svg circle {
		fill: #A5A8AA;
}
.style_btnToTop__wHfGO.style_isVisible__HupA3 {
		transform: translateY(0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterBottom/Copyright/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_copyright___4P1_ {
		color: #0A0A0A;
		font: 400 13px/120% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_copyright___4P1_ {
				font-size: 12px;
				color: #3E3E43;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterBottom/Menu/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menu__KEHux {
		display: flex;
		align-items: center;
		justify-content: space-around;
		gap: 82px;
}
@media only screen and (max-width: 1199px) {
		.style_menu__KEHux {
				gap: 28px;
		}
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
		.style_menu__KEHux {
				flex-flow: wrap;
		}
}
.style_menuItem__o6nUb {
		color: #0A0A0A;
		font: 400 13px/120% var(--my-open-sans-regular);
		transition: color 0.3s;
		display: inline-block;
}
@media only screen and (max-width: 1199px) {
		.style_menuItem__o6nUb {
				color: #3E3E43;
				font-size: 12px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_menuItem__o6nUb:nth-child(1) {
				display: inline-block;
		}
}
.style_menuItem__o6nUb:hover {
		color: #d2233c;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterBottom/Social/SocialItem/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__mm8Xk path {
		transition: fill 0.3s;
}

.style_zn__x_WDK:hover path {
		fill: #000;
}

.style_ok__QCFUO:hover path {
		fill: #ee8208;
}

.style_vk__K_ZRf:hover path {
		fill: #4e729a;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterBottom/Social/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_social__cB28G {
		display: flex;
		flex-flow: wrap;
		gap: 20px;
		order: 1;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterBottom/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerBottom__vLrah {
		padding: 20px 0;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerBottom__vLrah {
				border-top: 1px solid #E5E6E7;
		}
}
@media only screen and (max-width: 991px) {
		.style_footerBottom__vLrah {
				padding: 28px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerBottom__vLrah {
				border-top: none;
				padding-top: 0;
		}
}
.style_footerBottomWrap__tczfn {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_footerBottomWrap__tczfn {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_footerBottomWrap__tczfn {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerBottomWrap__tczfn {
				padding: 0 10px;
		}
}
.style_footerBottomContainer__0rNAM {
		display: flex;
		align-items: center;
		flex-flow: wrap;
		justify-content: space-between;
		gap: 16px 82px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerBottomContainer__0rNAM {
				width: 100%;
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerBottomContainer__0rNAM {
				gap: 28px;
				flex-flow: column;
				align-items: flex-start;
		}
}
.style_footerBottomBox__z9vfV {
		display: flex;
		align-items: center;
		gap: 16px 82px;
}
@media only screen and (max-width: 1199px) {
		.style_footerBottomBox__z9vfV {
				gap: 20px 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerBottomBox__z9vfV {
				gap: 20px;
				width: 100%;
				order: 2;
				flex-flow: wrap;
		}
}
.style_footerBottomFeedback__0dKiN {
		display: none;
}
@media only screen and (max-width: 991px) {
		.style_footerBottomFeedback__0dKiN {
				display: block;
		}
}
.style_footerBottomTop__G08Pv {
		display: none;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerBottomTop__G08Pv {
				display: flex;
				justify-content: space-between;
				gap: 28px;
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerBottomTop__G08Pv {
				display: flex;
				flex-flow: column;
				gap: 28px;
				margin-bottom: 0;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/Button/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_current__QNI9X {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_current__QNI9X.style_primary___W6lm {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #fff;
		background: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_primary___W6lm {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_primary___W6lm:hover {
		background: #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:focus {
		border: 1px solid #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:active {
		background: #E3173E;
}
.style_current__QNI9X.style_primary___W6lm:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_secondary__BA6pD {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #d2233c;
		background: #F1F1F4;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_secondary__BA6pD {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_secondary__BA6pD:hover {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:focus {
		border: 1px solid #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:active {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_outline__9R_iC {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
		background: #fff;
		border-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		height: 46px;
		padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_outline__9R_iC {
				font-size: 14px;
				height: 36px;
				padding: 8px 24px;
		}
}
.style_current__QNI9X.style_outline__9R_iC:hover {
		color: #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:focus {
		color: 1px solid #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_current__QNI9X.style_outline__9R_iC:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_link___kPny {
		color: #d2233c;
		padding: 0;
		background: transparent;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_link___kPny {
				font-size: 14px;
		}
}
.style_current__QNI9X.style_link___kPny:hover {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:focus {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:active {
		color: #E3173E;
}
.style_current__QNI9X.style_link___kPny:disabled {
		color: #E5E6E7;
		cursor: not-allowed;
}

.style_old__XM4kf {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}
.style_old__XM4kf.style_primary___W6lm {
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
}
.style_old__XM4kf.style_primary___W6lm:hover {
		background: #191714;
}
.style_old__XM4kf.style_primary___W6lm:active {
		background: #191714;
		background-color: #fff;
}
.style_old__XM4kf.style_primary___W6lm:focus {
		background: #191714;
		color: #fff;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__ {
		cursor: default;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__:hover {
		pointer-events: none;
}
.style_old__XM4kf.style_link___kPny {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_old__XM4kf.style_link___kPny:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny.style_disabled__0qe__ {
		cursor: default;
		background: transparent;
		color: #b11e33;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterCookie/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_cookie__V1gEt {
		display: flex;
		align-items: center;
		gap: 20px;
		padding: 24px;
		border-radius: 12px;
		background-color: #F8F8FB;
		width: 100%;
		max-width: 892px;
		margin: 0 auto;
		box-shadow: 0 0 8px 0 rgba(150, 150, 150, 0.3);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cookie__V1gEt {
				padding: 16px;
				gap: 10px;
				max-width: 736px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cookie__V1gEt {
				padding: 12px;
				gap: 10px;
		}
}
.style_cookieContainer__J0ivs {
		position: fixed;
		bottom: 32px;
		left: 10px;
		right: 10px;
		z-index: 3;
}
.style_cookieLink__tovNS {
		color: #d2233c;
		transition: color 0.3s;
		text-decoration: none;
}
.style_cookieLink__tovNS:hover, .style_cookieLink__tovNS:focus, .style_cookieLink__tovNS:active {
		color: #b11e33;
		text-decoration: none;
}
.style_cookieText___laFY {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cookieText___laFY {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cookieText___laFY {
				font-size: 12px;
		}
}
.style_cookie__V1gEt .style_cookieBtn__SxpYN {
		padding: 8px 22px;
		font-size: 14px;
		line-height: 100%;
		height: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cookie__V1gEt .style_cookieBtn__SxpYN {
				padding: 5px 10px;
				font-size: 13px;
				height: 34px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cookie__V1gEt .style_cookieBtn__SxpYN {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/InputPhone/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_field__v9ldU {
		display: flex;
		flex-flow: column;
		width: 100%;
		position: relative;
}

.style_label__S3OvB {
		margin-bottom: 6px;
		color: #8E8E93;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__S3OvB {
				margin-bottom: 4px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__S3OvB {
				gap: 2px;
				font-size: 12px;
		}
}

.style_error__m0qSi {
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		position: absolute;
		bottom: -13px;
		left: 0;
}
@media only screen and (max-width: 767px) {
		.style_error__m0qSi {
				font-size: 10px;
		}
}

.style_input__L82hZ {
		position: relative;
		padding: 12px 48px 12px 52px;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		height: 48px;
		color: #231F20;
		font-size: 14px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__L82hZ {
				height: 36px;
				padding: 12px 36px 12px 42px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__L82hZ {
				height: 32px;
				font-size: 16px;
				padding: 12px 32px 12px 36px;
		}
}
.style_input__L82hZ::placeholder {
		color: #A5A8AA;
		font-size: 12px;
}
.style_input__L82hZ:focus {
		border: 1px solid #8E8E93;
}
.style_input__L82hZ:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__L82hZ:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputContainer__Sqs9X {
		position: relative;
		display: flex;
		width: 100%;
}
.style_inputContainer__Sqs9X:before {
		position: absolute;
		content: "+7";
		left: 4px;
		top: 4px;
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #A5A8AA;
		background: #F1F1F4;
		border-radius: 2px;
		width: 40px;
		height: 40px;
		padding: 10px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputContainer__Sqs9X:before {
				left: 2px;
				top: 2px;
				padding: 7px;
				width: 32px;
				height: 32px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputContainer__Sqs9X:before {
				left: 2px;
				top: 2px;
				padding: 5px 6px;
				width: 28px;
				height: 28px;
				font-size: 12px;
		}
}
.style_inputContainer__Sqs9X svg {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		min-width: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputContainer__Sqs9X svg {
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputContainer__Sqs9X svg {
				right: 8px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/InputText/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_field__DDhal {
		display: flex;
		flex-flow: column;
		width: 100%;
		position: relative;
}

.style_label__vljxK {
		margin-bottom: 6px;
		color: #8E8E93;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__vljxK {
				margin-bottom: 4px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__vljxK {
				margin-bottom: 2px;
				font-size: 12px;
		}
}

.style_error__5wkKr {
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		position: absolute;
		bottom: -13px;
		left: 0;
}
@media only screen and (max-width: 767px) {
		.style_error__5wkKr {
				font-size: 10px;
		}
}

.style_input__RdCVb {
		position: relative;
		padding: 12px 48px 12px 16px;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		height: 48px;
		color: #231F20;
		font-size: 14px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__RdCVb {
				height: 36px;
				padding: 12px 36px 12px 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__RdCVb {
				height: 32px;
				font-size: 16px;
				padding: 12px 32px 12px 8px;
		}
}
.style_input__RdCVb::placeholder {
		color: #A5A8AA;
		font-size: 12px;
}
.style_input__RdCVb:focus {
		border: 1px solid #8E8E93;
}
.style_input__RdCVb:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__RdCVb:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputContainer___P3hW {
		position: relative;
		display: flex;
		width: 100%;
}
.style_inputContainer___P3hW svg {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		min-width: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_inputContainer___P3hW svg {
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_inputContainer___P3hW svg {
				right: 8px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/Info/InfoCityPhone/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_informIcloud__xvz_N {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.1);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/Info/InformIcloud/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_informIcloud__5tDdA {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.1);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Preloader/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_preloader__Mndz9 {
		display: inline-block;
		position: relative;
		width: 80px;
		height: 80px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
}
.style_preloader__Mndz9 div {
		position: absolute;
		border: 4px solid #d2233c;
		opacity: 1;
		border-radius: 50%;
		animation: style_loadingAnimation__GwQZs 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.style_preloader__Mndz9 div:nth-child(2) {
		animation-delay: -0.5s;
}
.style_preloader__wrap___CPHy {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 3;
}

@keyframes style_loadingAnimation__GwQZs {
		0% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		4.9% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 0;
		}
		5% {
				top: 36px;
				left: 36px;
				width: 0;
				height: 0;
				opacity: 1;
		}
		100% {
				top: 0;
				left: 0;
				width: 72px;
				height: 72px;
				opacity: 0;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/fields/TextAreaWrap/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_componentWrap__JhfC9 {
		position: relative;
}
.style_componentAreaItem__LwmKh {
		border: 1px solid #A5A8AA !important;
		border-radius: 4px;
		min-height: 48px;
		resize: vertical;
		padding: 12px 16px !important;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_componentAreaItem__LwmKh {
				font-size: 13px !important;
				padding: 10px !important;
				min-height: 36px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_componentAreaItem__LwmKh {
				min-height: 32px !important;
				font-size: 16px !important;
				padding: 8px 8px !important;
		}
}
.style_componentPlaceholder__HtMfk {
		margin-bottom: 6px;
		display: block;
		color: #8E8E93;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_componentPlaceholder__HtMfk {
				margin-bottom: 4px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_componentPlaceholder__HtMfk {
				margin-bottom: 2px;
				font-size: 12px;
		}
}
.style_componentPlaceholder__HtMfk span {
		color: #d2233c;
}
.style_componentError__s7MhV {
		font: 400 11px/130% var(--my-open-sans-regular);
		color: #EC7272;
}
@media only screen and (max-width: 767px) {
		.style_componentError__s7MhV {
				font-size: 10px;
		}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/feedbackForm/ModalCustomWrap/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__IDq_h {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(142, 142, 147, 0.6);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__IDq_h {
				padding: 0;
				align-items: center;
		}
}

.style_modal__vLuJL {
		margin: auto;
		outline: none;
		background: #fff;
		border-radius: 8px;
		z-index: 1001;
}
@media only screen and (max-width: 767px) {
		.style_modal__vLuJL {
				margin: auto;
		}
}
@media only screen and (max-width: 576px) {
		.style_modal__vLuJL {
				flex: 1 1;
				margin: auto;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__iDkqv {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__QIg30 {
		position: relative;
		padding: 40px 40px 50px 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modalWrap__QIg30 {
				padding: 25px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__QIg30 {
				padding: 20px 16px 24px 10px;
		}
}
@media only screen and (max-width: 576px) {
		.style_modalWrap__QIg30 {
				padding: 16px 16px 24px 10px;
		}
}
.style_modalTitle__eUumz {
		font: 700 19px/120% var(--my-open-sans-regular);
		color: #4F4F4F;
		text-align: center;
		padding-left: 15px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__eUumz {
				font-size: 17px;
				padding-left: 4px;
		}
}
.style_modalClose__AGJTV {
		position: relative;
		width: 24px;
		height: 24px;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		border: none;
		background: transparent;
		padding: 0;
		outline: none;
}
@media only screen and (max-width: 767px) {
		.style_modalClose__AGJTV {
				width: 20px;
				height: 20px;
		}
}
.style_modalClose__AGJTV:after, .style_modalClose__AGJTV:before {
		top: 0;
		left: 50%;
		position: absolute;
		content: "";
		width: 1px;
		height: 100%;
		background: #8E8E8E;
}
.style_modalClose__AGJTV:after {
		transform: rotate(45deg);
}
.style_modalClose__AGJTV:before {
		transform: rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
		.style_modalClose__AGJTV:hover {
				opacity: 0.7;
				transition: opacity 0.3s;
		}
}
.style_modalCloseWrap__A7ddA {
		position: absolute;
		content: "";
		width: 24px;
		height: 24px;
		right: 20px;
		top: 20px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__A7ddA {
				right: 14px;
		}
}
.style_modalContent__NgRvH {
		display: flex;
		flex-flow: column;
		width: 100%;
		overflow-y: auto;
		max-height: calc(100dvh - 140px);
		padding-right: 10px;
		padding-left: 15px;
}
@media only screen and (max-width: 767px) {
		.style_modalContent__NgRvH {
				max-height: calc(100dvh - 110px);
				padding-right: 4px;
				padding-left: 4px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/feedbackForm/Upload/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_upload__doI0H {
		cursor: pointer;
		display: flex;
		gap: 10px;
		align-items: center;
		position: relative;
		margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
		.style_upload__doI0H {
				flex-direction: column;
				align-items: flex-start;
				padding-top: 4px;
		}
}
.style_upload__doI0H input[type=file] {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		position: absolute;
		z-index: -10;
}
.style_uploadInputWrap__g2_wR {
		margin-right: 4px;
		display: none;
		align-items: center;
		height: 40px !important;
}
.style_uploadInputWrap__g2_wR span {
		color: #ACACAC;
		font: 400 16px/100% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_uploadInputWrap__g2_wR span {
				font-size: 14px;
		}
}
.style_upload__doI0H button:hover {
		background: #191714;
		color: #fff;
}
.style_upload__doI0H button:hover svg path {
		stroke: #fff;
}
.style_uploadDesc__1l_JI {
		color: #64686B;
		font: 400 12px/120% var(--my-open-sans-regular);
		max-width: 279px;
}
.style_upload__doI0H .style_uploadChoose__2yNYz {
		font: 600 14px/140% var(--my-open-sans-regular);
		padding: 8px 22px;
		gap: 4px;
		min-height: auto;
		height: 100%;
}
.style_upload__doI0H .style_uploadChoose__2yNYz svg path {
		transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
		.style_upload__doI0H .style_uploadChoose__2yNYz svg {
				width: 20px;
				height: 20px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_upload__doI0H .style_uploadChoose__2yNYz {
				font-size: 13px;
				padding: 8px 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_upload__doI0H .style_uploadChoose__2yNYz {
				font-size: 12px;
				padding: 6px 8px;
		}
}
.style_uploadFormats__pKwXA {
		color: #3E3E43;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_uploadFormats__pKwXA {
				font: 400 12px/140% var(--my-open-sans-regular);
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Button/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_button__N_WVx {
		cursor: pointer;
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
		border: 1px solid transparent;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_button__N_WVx:hover {
		background: #191714;
}
.style_button__N_WVx:active {
		background: #191714;
		background-color: #fff;
}
.style_button__N_WVx:focus {
		background: #191714;
		color: #fff;
}
.style_button__N_WVx.style_disabled__C6_9p {
		cursor: default;
}
.style_button__N_WVx.style_disabled__C6_9p:hover {
		pointer-events: none;
}
.style_button__N_WVx.style_btnLink__5QF8d {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_button__N_WVx.style_btnLink__5QF8d:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_button__N_WVx.style_btnLink__5QF8d:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_button__N_WVx.style_btnLink__5QF8d:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_button__N_WVx.style_btnLink__5QF8d.style_disabled__C6_9p {
		cursor: default;
		background: transparent;
		color: #b11e33;
}

.style_icon__wL9r7 {
		margin: 0 8px 0 0;
		display: flex;
		align-items: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/feedbackForm/Upload/UploadedFiles/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_uploadFilesRow__v1zpn {
		display: flex;
		margin: 0 -8px;
		flex-flow: wrap;
		justify-content: space-between;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_uploadFilesRow__v1zpn {
				flex-flow: column;
		}
}
.style_uploadFilesRowTop__qsCn4 {
		width: auto;
		align-items: center;
		justify-content: space-between;
}
@media only screen and (max-width: 767px) {
		.style_uploadFilesRowTop__qsCn4 {
				flex-flow: column;
				align-items: flex-start;
		}
}
.style_uploadFilesRowWrapTop__jjA8r {
		margin-bottom: 12px;
}
.style_uploadFilesRowWrapItem__4nDmY {
		display: flex;
}
.style_uploadFilesRowWrapItem__4nDmY + .style_uploadFilesRowWrapItem__4nDmY {
		margin-top: 4px;
}
@media only screen and (max-width: 767px) {
		.style_uploadFilesRowWrapItem__4nDmY + .style_uploadFilesRowWrapItem__4nDmY {
				margin-top: 12px;
		}
}
.style_uploadFilesItem__CFhTl {
		padding: 0 8px;
		color: #221F1C;
		font: 400 14px/120% var(--my-open-sans-regular);
		margin-bottom: 8px;
}
.style_uploadFilesItemTop__Vuj_d {
		font-size: 12px;
}
.style_uploadFilesItemImg__1xmuw {
		margin-right: 4px;
		max-width: 20px;
		min-width: 20px;
		width: 100%;
}
.style_uploadFilesItemImg__1xmuw img {
		object-fit: cover;
}
.style_uploadFilesItemDesc__eX149 {
		margin-top: 4px;
		color: #969696;
		font: 400 12px/120% var(--my-open-sans-regular);
}
.style_uploadFilesBtn__SefAB {
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 120%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/feedbackForm/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_formFeedback__G_tua .style_formOpen__LxSEn {
		height: 34px !important;
		max-width: 180px !important;
		width: 100% !important;
		padding: 8px 9px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 100% !important;
		border-radius: 2px !important;
		background-color: transparent !important;
}
@media only screen and (max-width: 767px) {
		.style_formFeedback__G_tua .style_formOpen__LxSEn {
				padding: 8px 4px !important;
				max-width: 169px !important;
		}
}

.style_formModalSubtitle__kw7bp {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formModalSubtitle__kw7bp {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formModalSubtitle__kw7bp {
				font-size: 13px;
		}
}
.style_formModalTitle__71ilj {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formModalTitle__71ilj {
				font-size: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formModalTitle__71ilj {
				font-size: 18px;
				margin-bottom: 12px;
		}
}
.style_formModalTitleContainer__wJo8q {
		max-width: 404px;
		text-align: left;
}
.style_formContainer__pqxC9 {
		max-width: 404px;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_formContainer__pqxC9 {
				max-width: 100%;
				height: 100%;
		}
}
.style_formFieldWrap__3OETa {
		margin-top: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formFieldWrap__3OETa .style_select__single-value__X09TI {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formFieldWrap__3OETa .style_select__single-value__X09TI {
				font-size: 16px;
		}
}
.style_formFieldWrap__3OETa input {
		padding: 12px 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formFieldWrap__3OETa input {
				padding: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formFieldWrap__3OETa input {
				padding: 12px 8px;
				font-size: 16px;
		}
}
.style_formFieldWrap__3OETa label {
		margin-bottom: 2px;
}
.style_formFieldInfo__VbvyN {
		margin-top: 16px;
}
@media only screen and (max-width: 767px) {
		.style_formFieldInfo__VbvyN {
				margin-top: 12px;
		}
}
.style_formFieldPhone__9bwCv {
		margin-bottom: 16px;
}
.style_formFieldPhone__9bwCv input {
		padding: 12px 16px 12px 52px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formFieldPhone__9bwCv input {
				padding: 12px 12px 12px 42px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formFieldPhone__9bwCv input {
				padding: 12px 8px 12px 36px;
		}
}
.style_formFieldError__jH3qA {
		color: #EC7272;
		line-height: 130%;
		font-size: 11px;
		font-family: var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_formFieldError__jH3qA {
				font-size: 10px;
		}
}
.style_form__N_Ns7 .style_formSubmit__0XaU6 {
		margin-top: 32px;
		padding: 12px 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__N_Ns7 .style_formSubmit__0XaU6 {
				margin-top: 24px;
				padding: 8px 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__N_Ns7 .style_formSubmit__0XaU6 {
				padding: 7px 12px;
				margin-top: 20px;
		}
}
.style_formCaptcha__xEb3q {
		margin: 20px 0 0;
		min-height: 76px;
}
.style_formCaptcha__xEb3q > div {
		height: 76px;
}
.style_formError__Tqag4 {
		font-size: 16px;
		color: #EC7272;
		text-align: center;
		font-family: var(--my-open-sans-regular);
}
.style_formCheckboxText__4gOKT {
		color: #3E3E43;
		font: 400 12px/140% var(--my-open-sans-regular);
		margin-top: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_formCheckboxText__4gOKT {
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_formCheckboxText__4gOKT {
				margin-top: 16px;
		}
}
.style_formCheckboxText__4gOKT a {
		color: #d2233c;
}

.style_preloaderWrap__tNDgT {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 3;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterFeedback/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerFeedback__GQAps {
		display: flex;
		flex-flow: column;
}
@media only screen and (max-width: 767px) {
		.style_footerFeedback__GQAps {
				margin-bottom: 28px;
		}
}
.style_footerFeedbackTitle__pfSxd {
		color: #0A0A0A;
		font: 600 16px/140% var(--my-open-sans-regular);
		margin-bottom: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerFeedbackTitle__pfSxd {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerFeedbackTitle__pfSxd {
				margin-bottom: 16px;
				font-size: 14px;
		}
}
.style_footerFeedbackText__MpiF9 {
		color: #0A0A0A;
		font: 400 13px/140% var(--my-open-sans-regular);
		margin-bottom: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterItemMenu/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerMenuItem__CPELh {
		color: #0A0A0A;
		font: 400 13px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
		display: block;
}
@media (hover: hover) and (pointer: fine) {
		.style_footerMenuItem__CPELh:hover {
				color: #d2233c;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterSubscribe/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_subscribe__PgNwm {
		margin-bottom: 28px;
}
@media only screen and (max-width: 991px) {
		.style_subscribe__PgNwm {
				margin-bottom: 0;
				max-width: 358px;
				width: 100%;
		}
}
.style_subscribeTitle__KCins {
		font: 600 16px/140% var(--my-open-sans-regular);
		margin-bottom: 16px;
		color: #0A0A0A;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_subscribeTitle__KCins {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_subscribeTitle__KCins {
				font-size: 14px;
		}
}
.style_subscribeForm__9CEKa {
		min-height: 36px;
}

.style_text__1HCEu {
		color: #ACADB2;
		font: 400 10px/130% var(--my-open-sans-regular);
		margin-top: 8px;
}
@media only screen and (max-width: 991px) {
		.style_text__1HCEu {
				max-width: 358px;
		}
}

.style_link__o8h_5 {
		color: #d2233c;
		transition: color 0.3s;
}
.style_link__o8h_5:hover {
		color: #b11e33;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterMenu/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerMenu__g5zH0 {
		padding: 32px 0 40px;
		border-bottom: 1px solid #E5E6E7;
}
@media only screen and (max-width: 991px) {
		.style_footerMenu__g5zH0 {
				border-bottom: none;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenu__g5zH0 {
				padding: 28px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerMenu__g5zH0 {
				display: none;
		}
}
.style_footerMenuContainer__ZIxR_ {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_footerMenuContainer__ZIxR_ {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_footerMenuContainer__ZIxR_ {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerMenuContainer__ZIxR_ {
				padding: 0 10px;
		}
}
.style_footerMenuBox__ayeUp {
		display: flex;
		justify-content: space-between;
		gap: 20px;
}
.style_footerMenuCatalog__Xz_3H {
		display: flex;
		flex-flow: column;
}
.style_footerMenuCatalogCategories__EzJoL {
		width: 24.5833333333%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuCatalogCategories__EzJoL {
				width: 32.5%;
		}
}
.style_footerMenuCatalogBuyers__lFDEN {
		width: 42.0833333333%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuCatalogBuyers__lFDEN {
				width: 67.5%;
		}
}
.style_footerMenuCatalogTitle__iWwXX {
		font: 600 16px/140% var(--my-open-sans-regular);
		margin-bottom: 16px;
		color: #0A0A0A;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuCatalogTitle__iWwXX {
				font-size: 14px;
		}
}
.style_footerMenuCatalogBox__hzmEO {
		margin: 0 -8px;
}
.style_footerMenuCatalogBoxCategories__u9pVQ {
		display: flex;
		flex-flow: column;
}
.style_footerMenuCatalogBoxBuyers__XkCea {
		display: block;
		width: 100%;
		column-count: 2;
		margin: 0 -8px;
		max-width: 380px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuCatalogBoxBuyers__XkCea {
				max-width: 360px;
		}
}
.style_footerMenuCatalogItem__qqwoO {
		padding: 0 8px;
}
.style_footerMenuCatalogItem__qqwoO + .style_footerMenuCatalogItem__qqwoO {
		margin-top: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuCatalogItem__qqwoO + .style_footerMenuCatalogItem__qqwoO {
				margin-top: 16px;
		}
}
.style_footerMenuFeedback__mNK2x {
		width: 33.3333333333%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerMenuFeedback__mNK2x {
				display: none;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterSubscribe/SubscribeForm/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__FjHa2 {
		display: flex;
		flex-flow: column;
}
.style_formInner__29Mur {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 0 12px;
}
.style_form__FjHa2 .style_inputContainer__T_RsX {
		width: 100%;
		height: 36px;
}
.style_form__FjHa2 .style_inputContainer__T_RsX input {
		width: 100%;
		height: 36px;
		padding: 11px 12px;
		font-size: 16px;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		background: #FFF;
}
.style_form__FjHa2 .style_inputContainer__T_RsX input::placeholder {
		font-size: 14px;
}
.style_form__FjHa2 .style_inputContainer__T_RsX > div {
		position: relative !important;
}

.style_error__VFVCR {
		font: 400 10px/140% var(--my-open-sans-regular);
		color: #d2233c;
}

.style_btnSubmit__Bdhit {
		height: 36px;
		padding: 0;
		width: 36px;
		min-width: 36px;
		border-radius: 2px;
		border: 1px solid #d2233c;
		cursor: pointer;
		color: #d2233c;
		background-color: transparent;
}
.style_btnSubmit__Bdhit:hover {
		border-color: #B9182F;
		color: #B9182F;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterTop/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerTop__kbuMB {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_footerTop__kbuMB {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_footerTop__kbuMB {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerTop__kbuMB {
				padding: 0 10px;
		}
}
.style_footerTopContainer__0GLIh {
		border-bottom: 1px solid #E5E6E7;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: wrap;
		gap: 32px;
		padding: 32px 0;
}
@media only screen and (max-width: 991px) {
		.style_footerTopContainer__0GLIh {
				padding: 28px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_footerTopContainer__0GLIh {
				border: none;
		}
}
.style_footerTopPhone__lXe3D {
		color: #0A0A0A;
		font: 600 20px/120% var(--my-open-sans-regular);
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_footerTopPhone__lXe3D {
				font-size: 18px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_footerTopPhone__lXe3D:hover {
				color: #d2233c;
		}
}
.style_footerTopPhoneContainer__1GTGo {
		display: flex;
		align-items: center;
		gap: 4px;
		cursor: pointer;
}
.style_footerTopPhoneContainer__1GTGo svg {
		color: #A5A8AA;
		transition: color 0.3s;
}
.style_footerTopPhoneContainer__1GTGo svg:hover {
		color: #3E3E43;
}
.style_footerTopLogo__0xCq7 {
		display: flex;
		align-items: center;
		gap: 40px;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_footerTopLogo__0xCq7 {
				display: none;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_footerTopLogo__0xCq7:hover {
				opacity: 0.7;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerTopLogoImg__z9oOK {
				width: 130px;
				height: auto;
		}
}
.style_footerTopLogoText__al07z {
		color: #000;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footerTopLogoText__al07z {
				font-size: 14px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footer__vCNg3 {
		background: #F1F1F4;
		margin-top: auto;
}
@media only screen and (max-width: 767px) {
		.style_footer__vCNg3 {
				margin-bottom: 54px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_footer__vCNg3.style_productDetail__EBjX9 {
				padding-bottom: 86px;
		}
}
@media only screen and (max-width: 767px) {
		.style_footer__vCNg3.style_productDetail__EBjX9 {
				padding-bottom: 76px;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/footer/FooterSticky/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_footerSticky__9hhjw {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_footerSticky__9hhjw {
				display: flex;
				position: fixed;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 8px;
				background-color: #E5E6E7;
				gap: 8px;
				justify-content: space-between;
				min-height: 54px;
				height: 54px;
				flex: 1 1;
				z-index: 2;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/header/HeaderInfo/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_info__mD21k {
		background: #F1F1F4;
		box-shadow: 0 0 8px 0 rgba(150, 150, 150, 0.3019607843);
		overflow: hidden;
		transition: opacity 0.3s;
		display: none;
}
.style_info__mD21k.style_visible__8ufOT {
		display: block;
}
.style_infoWrap__JS6lS {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_infoWrap__JS6lS {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_infoWrap__JS6lS {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_infoWrap__JS6lS {
				padding: 0 10px;
		}
}
.style_infoContainer__dTCt_ {
		position: relative;
		display: flex;
		align-items: center;
		padding: 12px 0;
		justify-content: space-between;
}
.style_infoContainer__dTCt_ svg {
		min-width: 16px;
}
.style_infoBox__CPSEy {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
}
.style_infoContent__FLeC_ {
		font: 400 14px/140% var(--my-open-sans-regular);
		padding: 0 8px;
		color: #3E3E43;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_infoContent__FLeC_ {
				font: 400 13px/140% var(--my-open-sans-regular);
		}
}
@media only screen and (max-width: 767px) {
		.style_infoContent__FLeC_ {
				font: 400 12px/140% var(--my-open-sans-regular);
		}
}
.style_infoClose__LcWyB {
		margin-left: auto;
		cursor: pointer;
		padding: 0;
		border: none;
		background-color: transparent;
		transition: 0.25s ease-in-out;
}
.style_infoClose__LcWyB:hover {
		opacity: 0.7;
}
.style_infoClose__LcWyB svg {
		min-width: 10px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Search/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_wrapper__pnvLl {
		position: relative;
		width: 100%;
		max-width: 446px;
}
.style_wrapper__pnvLl::after {
		content: "";
		position: absolute;
		height: 1px;
		width: 0;
		bottom: 0;
		left: 30px;
}
.style_wrapper__pnvLl.style_active__Hsq7l::after {
		content: "";
		width: 88%;
}
.style_wrapper__pnvLl.style_active__Hsq7l:hover {
		opacity: 1;
}
.style_wrapper__pnvLl .style_input__rxef_ {
		outline: none;
		color: #3E3E43;
		text-overflow: ellipsis;
		-webkit-box-flex: 1;
		font-size: 14px;
		padding: 12px 12px 12px 41px;
		height: 48px;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		width: 100%;
}
@media only screen and (max-width: 991px) {
		.style_wrapper__pnvLl .style_input__rxef_ {
				padding: 6px 8px 6px 28px;
				height: 36px;
				font-size: 13px;
		}
}
.style_wrapper__pnvLl .style_input__rxef_::placeholder {
		color: #A5A8AA;
}

.style_icon__YcOcr {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
}

.style_inactive__pAYpa::placeholder {
		color: #a3a3a3;
}

.style_close__UDE8k {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 7px;
		top: 50%;
		padding: 5px;
		border-radius: 100%;
		border: none;
		cursor: pointer;
		transform: translateY(-50%);
		background: #fff;
}
@media only screen and (max-width: 991px) {
		.style_close__UDE8k {
				left: 4px;
		}
}
@media only screen and (max-width: 991px) {
		.style_close__UDE8k svg {
				height: 16px;
				width: 16px;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/PrivateMenuChip/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_chip__f0PYN {
		border-radius: 20px;
		padding: 1px 4px;
		background-color: #d2233c;
		color: #fff;
		font: 600 11px/130% var(--my-open-sans-regular);
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (max-width: 991px) {
		.style_chip__f0PYN {
				font-size: 10px;
		}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Burger/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_burger__YqZPf {
		cursor: pointer;
		position: relative;
		width: 32px;
		height: 32px;
}
.style_burger__YqZPf:hover .style_burgerItem__P95e_ {
		width: 20px;
}
.style_burger__YqZPf.style_active__4qSc6:hover .style_burgerItem__P95e_ {
		border-color: #0A0A0A;
}
.style_burger__YqZPf.style_active__4qSc6 .style_burgerItem__P95e_ {
		border-top-color: #3E3E43;
		width: 18px;
}
.style_burger__YqZPf.style_active__4qSc6 .style_burgerItemTop__L6AtJ {
		backface-visibility: hidden;
		top: 50%;
		transform: rotate(45deg);
		transform-origin: center;
}
.style_burger__YqZPf.style_active__4qSc6 .style_burgerItemCenter__P_zuH {
		opacity: 0;
}
.style_burger__YqZPf.style_active__4qSc6 .style_burgerItemBottom__hUUHC {
		backface-visibility: hidden;
		top: 50%;
		transform: rotate(-45deg);
		transform-origin: center;
}
.style_burgerItem__P95e_ {
		backface-visibility: hidden;
		position: absolute;
		border-radius: 4px;
		right: 5.5px;
		border-top: 2px solid #d2233c;
		transition: all 0.3s ease;
}
.style_burgerItemTop__L6AtJ {
		top: calc(50% - 6px);
		width: 16px;
}
.style_burgerItemCenter__P_zuH {
		top: calc(50% - 1px);
		width: 22px;
}
.style_burgerItemBottom__hUUHC {
		top: calc(50% + 4px);
		width: 11px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/SidebarTop/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_top__2fAb7 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 16px;
		margin-bottom: 12px;
}
.style_topBack__cwxpg {
		border: none;
		padding: 0;
		background-color: transparent;
		cursor: pointer;
}
.style_topBack__cwxpg svg {
		min-width: 32px;
		transition: stroke 0.3s;
}
.style_topBack__cwxpg:hover svg path {
		stroke: #d2233c;
}
.style_topTitle__lYssW {
		color: #3E3E43;
		font: 600 14px/140% var(--my-open-sans-regular);
		margin: 0 auto;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/lk/SidebarPanel/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sidebar__lML80 {
		padding: 12px 10px 32px;
		transform: translateX(130%);
		background: #fff;
		display: flex;
		flex-direction: column;
		position: fixed;
		transition: all 0.4s;
		top: 0;
		bottom: 52px;
		right: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: calc(100% - 52px);
		overflow-y: auto;
}
.style_sidebar__lML80.style_open__bsepS {
		transition: all 0.4s;
		transform: translateX(0);
		z-index: 100;
		overflow-x: hidden;
}
.style_sidebarTop__dL2zA {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 12px;
}
.style_sidebarBurger__vrkea {
		margin-left: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/MenuItem/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_menuItem__dBcS9 {
		font: 400 14px/140% var(--my-open-sans-regular);
		cursor: pointer;
		text-decoration: none;
		position: relative;
		padding: 12px 0;
		display: flex;
		align-items: center;
		text-align: left;
		gap: 12px;
}
.style_menuItemLink__aCZGJ {
		background: #fff;
		color: #0A0A0A;
}
.style_menuItemLink__aCZGJ:hover {
		color: #d2233c !important;
}
.style_menuItemLink__aCZGJ svg {
		margin-right: 4px;
}
.style_menuItemLink__aCZGJ strong {
		font-weight: 600;
}
.style_menuItemText__poEBC {
		background: #fff;
		color: #222;
}
.style_menuItemText__poEBC svg {
		margin-right: 12px;
		min-width: 16px;
		height: 16px;
}
.style_menuItemSlideTitle__mpdQ3 {
		background: #fff;
		color: #222;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
}
.style_menuItemSlideTitle__mpdQ3 svg {
		margin-left: 8px;
		min-width: 16px;
		height: 16px;
}
.style_menuItemTitle__0GHiR {
		background: #fbfbfb;
		color: #cf1438;
}
.style_menuItem__dBcS9.style_disabled__RvU5I {
		pointer-events: none;
}
.style_menuItem__dBcS9.style_active__NDQEZ {
		color: #cf1438;
		pointer-events: none;
}
.style_menuItem__dBcS9.style_background__OdRit {
		background: #fbfbfb;
}
.style_menuItem__dBcS9.style_basket__WDdMq svg path {
		fill-rule: evenodd;
}
.style_menuItem__dBcS9.style_favorite__N1PiG svg {
		min-width: 23px;
		width: 23px;
		height: 23px;
}
.style_menuItem__dBcS9.style_favorite__N1PiG svg path {
		fill: #222;
}
.style_menuItem__dBcS9 .style_counter__VFtqa {
		font: 600 11px/20px var(--my-open-sans-regular);
		cursor: pointer;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		transition: color ease-out 0.07s;
		border-radius: 100%;
		text-align: center;
		color: #fff;
		width: 20px;
		height: 20px;
		display: inline-block;
		background-color: #e5173f;
		position: absolute;
		box-shadow: 0 0 0 2px #fff;
		top: -10px;
		right: 0;
		left: 10px;
}
.style_menuItem__dBcS9 .style_counterWrap__lswiy {
		position: relative;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/header/HeaderMain/HeaderCatalogResult/CategoryCard/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_cardTitle__t_KrN {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTitle__t_KrN {
				font-size: 16px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_cardTitle__t_KrN:hover {
				color: #d2233c;
		}
}

.style_cardTitle__t_KrN {
		margin-bottom: 16px;
		display: block;
}

.style_grid__l8jt1 {
		width: 100%;
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 30px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_grid__l8jt1 {
				gap: 16px;
				display: flex;
				flex-flow: column;
		}
}
.style_gridItem__WERX5 {
		display: flex;
		flex-flow: column;
		gap: 12px;
}
.style_gridItemBox__uStOk {
		display: flex;
		flex-flow: column;
		gap: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_gridItemBox__uStOk {
				display: flex;
				flex-flow: wrap;
				gap: 20px 16px;
		}
}
.style_gridItemTitle__DecbM {
		color: #8E8E93;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_gridItemTitle__DecbM {
				font-size: 14px;
		}
}
.style_gridItemLink__lmuM6 {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
		transition: color 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_gridItemLink__lmuM6 {
				font-size: 12px;
		}
}
.style_gridItemLink__lmuM6:hover {
		color: #d2233c;
}

.style_specialFullWidth__Ztom3 {
		white-space: nowrap;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/header/HeaderMain/HeaderCatalogResult/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__FqEKm {
		content: "";
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 13px 0 100px;
		background-color: #fff;
		opacity: 0;
		transition: opacity 0.3s;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__FqEKm {
				padding: 13px 0 32px;
		}
}
.style_containerSeparator__JbflQ {
		padding-top: 28px;
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
}
@media only screen and (max-width: 991px) {
		.style_containerSeparator__JbflQ {
				padding-top: 24px;
		}
}
.style_containerSeparator__JbflQ:before {
		content: "";
		position: absolute;
		height: 1px;
		left: 0;
		top: 0;
		right: 0;
		background-color: #E5E6E7;
		transition: background-color 0.3s;
}
.style_container__FqEKm:after {
		content: "";
		position: absolute;
		left: 0;
		top: 1px;
		bottom: 0;
		right: 0;
		background-color: #fff;
		z-index: -1;
}
.style_container__FqEKm.style_active___h8lR {
		opacity: 1;
		z-index: 10;
}

.style_wrapper__luOOZ {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		display: flex;
		height: 100%;
		width: 100%;
}
@media only screen and (min-width: 1399px) {
		.style_wrapper__luOOZ {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_wrapper__luOOZ {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__luOOZ {
				padding: 0 10px;
		}
}

.style_grid__n8BgU {
		width: 100%;
		display: flex;
}

.style_root__7tjbo {
		width: 310px;
		padding-right: 30px;
		display: flex;
		flex-flow: column;
		gap: 40px;
}
@media only screen and (max-width: 991px) {
		.style_root__7tjbo {
				padding-right: 16px;
				width: 236px;
		}
}
.style_rootItem__i__XH {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_rootItem__i__XH {
				font-size: 16px;
		}
}
.style_rootItem__i__XH.style_active___h8lR, .style_rootItem__i__XH:hover {
		color: #d2233c;
}
.style_rootItem__i__XH svg path {
		transition: stroke 0.3s;
}
.style_rootItem__i__XH:hover svg path, .style_rootItem__i__XH.style_active___h8lR svg path {
		stroke: #d2233c;
}

.style_elements__937Ad {
		width: calc(100% - 310px);
		border-left: 1px solid #E5E6E7;
		padding-left: 30px;
		display: flex;
		flex-flow: column;
		gap: 32px;
		overflow-y: auto;
		height: 100%;
}
@media only screen and (max-width: 991px) {
		.style_elements__937Ad {
				width: calc(100% - 236px);
				padding-left: 16px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/Location/LocationModal/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__hcUaS {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		background: rgba(35, 31, 32, 0.4);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__hcUaS {
				padding: 0;
		}
}

.style_modal__bIXep {
		position: relative;
		margin: 160px auto 30px;
		padding: 40px;
		outline: none;
		background: #fff;
		max-width: 660px;
		width: 100%;
		z-index: 1001;
		flex-direction: column;
		background-clip: padding-box;
		border-radius: 8px;
		outline: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modal__bIXep {
				border-radius: 12px;
				max-width: 554px;
				padding: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modal__bIXep {
				border-radius: 0;
				max-width: 100%;
				padding: 12px 10px;
				margin: 0;
				position: fixed;
				inset: 0;
				width: 100%;
				height: 100%;
				overflow-x: hidden;
				overflow-y: auto;
		}
}
.style_modalClose__FXy_I {
		position: absolute;
		top: 20px;
		right: 20px;
		padding: 0;
		border: none;
		background: transparent;
		transition: color 0.3s;
		cursor: pointer;
		color: #3E3E43;
}
@media only screen and (max-width: 767px) {
		.style_modalClose__FXy_I {
				top: 0;
				right: 0;
				position: relative;
		}
		.style_modalClose__FXy_I svg {
				min-width: 32px;
				width: 32px;
				height: 32px;
		}
}
@media (hover: hover) and (pointer: fine) {
		.style_modalClose__FXy_I:hover {
				color: #000;
		}
}

.style_top__WOBOx {
		justify-content: flex-end;
		display: flex;
		align-items: center;
		width: 100%;
		min-width: 100%;
}

.style_title__Wz0nw {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__Wz0nw {
				margin-bottom: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__Wz0nw {
				margin-bottom: 0;
				color: #3E3E43;
				font-size: 14px;
				line-height: 140%;
				text-align: center;
		}
}
.style_titleContainer__OQXdG {
		display: flex;
		max-width: 100%;
		width: 100%;
}
@media only screen and (max-width: 767px) {
		.style_titleContainer__OQXdG {
				justify-content: center;
				padding-left: 32px;
		}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/Location/LocationModalContent/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_content__Hkhp0 {
		display: flex;
		flex-flow: column;
		gap: 35px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_content__Hkhp0 {
				gap: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.style_content__Hkhp0 {
				gap: 18px;
		}
}

.style_title__hsiH0 {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_title__hsiH0 {
				color: #3E3E43;
				font-size: 14px;
				line-height: 140%;
				text-align: center;
		}
}

.style_selectedCity__TCCMK {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
}
@media only screen and (max-width: 991px) {
		.style_selectedCity__TCCMK {
				font-size: 14px;
		}
}
.style_selectedCityContainer__SQ0k8 {
		display: flex;
		align-items: center;
		gap: 4px;
		padding: 12px 0;
}

.style_box__N4zzP {
		position: relative;
}

.style_location__ux6o3 {
		display: flex;
		gap: 20px;
}
.style_locationCol__Ei1oc {
		flex: 1 1;
		display: flex;
		flex-flow: column;
}

.style_item__hTZVS {
		border: none;
		background-color: transparent;
		padding: 12px 0;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		text-align: left;
		cursor: pointer;
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		gap: 4px;
		align-items: center;
		transition: color 0.3s;
}
@media only screen and (max-width: 991px) {
		.style_item__hTZVS {
				font-size: 14px;
		}
}
.style_item__hTZVS:hover {
		color: #d2233c;
}

.style_search__dwUor {
		height: 48px;
		width: 100%;
		padding: 10px 128px 10px 16px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		color: #231F20;
		outline: none;
		font-size: 14px;
}
@media only screen and (max-width: 991px) {
		.style_search__dwUor {
				height: 36px;
				font-size: 13px;
				padding: 9px 116px 9px 12px;
		}
}
.style_search__dwUor::placeholder {
		color: #8E8E93;
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 991px) {
		.style_search__dwUor::placeholder {
				font-size: 13px;
		}
}
.style_search__dwUor:focus {
		border: 1px solid #A5A8AA;
}
.style_search__dwUor:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_searchContainer__mxCNa {
		position: relative;
		margin-top: 28px;
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa {
				margin-top: 20px;
		}
}
.style_searchContainer__mxCNa .style_searchContainerButton__bvVX4 {
		width: 40px !important;
		height: 40px !important;
		padding: 0;
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa .style_searchContainerButton__bvVX4 {
				width: 24px !important;
				height: 24px !important;
				right: 7px !important;
				padding: 0 !important;
		}
}
.style_searchContainer__mxCNa svg {
		min-width: 40px;
		height: 40px;
		width: 40px;
}
.style_searchContainer__mxCNa svg circle {
		stroke: #fff;
}
.style_searchContainer__mxCNa svg path {
		fill: #fff;
}
@media only screen and (max-width: 991px) {
		.style_searchContainer__mxCNa svg {
				min-width: 24px;
				height: 24px;
				width: 24px;
		}
}
.style_searchClear__fb_rI {
		position: absolute;
		content: "";
		right: 62px;
		top: calc(50% - 9px);
		font: 600 13px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		padding: 0;
		background-color: transparent;
		border: none;
		transition: color 0.3s;
		cursor: pointer;
}
@media only screen and (max-width: 991px) {
		.style_searchClear__fb_rI {
				right: 44px;
		}
}
.style_searchClear__fb_rI:hover {
		color: #d2233c;
}
.style_searchResultContainer__miHaH {
		position: absolute;
		top: 100%;
		width: 100%;
		margin-bottom: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		padding: 8px 16px;
		display: flex;
		flex-flow: column;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/LocationContentMobile/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__GAmlZ {
		display: flex;
		flex-flow: column;
}

.style_name__nmwlI {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
.style_nameContainer__kee_d {
		display: flex;
		align-items: center;
		gap: 4px;
}

.style_container__aQjHu.style_selected__zPZ6R {
		border: none;
}
.style_container__aQjHu.style_selected__zPZ6R .style_name__nmwlI {
		color: #d2233c;
}

.style_selectCity__HFR_y {
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		gap: 4px;
		align-items: center;
		border: none;
		background-color: transparent;
		padding: 0;
}

.style_search__Y2X83 {
		height: 32px;
		width: 100%;
		padding: 8px 104px 8px 8px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		color: #231F20;
		outline: none;
		font: 400 16px/140% var(--my-open-sans-regular);
}
.style_search__Y2X83::placeholder {
		color: #8E8E93;
		font-size: 13px;
}
.style_search__Y2X83:focus {
		border: 1px solid #A5A8AA;
}
.style_search__Y2X83:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_searchBox__r_73m {
		padding-top: 12px;
		position: relative;
}
.style_searchContainer__HDHNH {
		position: relative;
}
.style_searchContainer__HDHNH .style_searchContainerButton__2rPCU {
		width: 24px !important;
		height: 24px !important;
		padding: 0 !important;
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
}
.style_searchContainer__HDHNH svg {
		min-width: 24px;
		height: 24px;
		width: 24px;
}
.style_searchContainer__HDHNH svg circle {
		stroke: #fff;
}
.style_searchContainer__HDHNH svg path {
		fill: #fff;
}
.style_searchClear__Ex8ji {
		position: absolute;
		content: "";
		right: 36px;
		top: calc(50% - 8px);
		font: 600 12px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		padding: 0;
		background-color: transparent;
		border: none;
		transition: color 0.3s;
		cursor: pointer;
}
.style_searchClear__Ex8ji:hover {
		color: #d2233c;
}
.style_searchResultContainer__tCE41 {
		display: flex;
		flex-flow: column;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/header/VerificationMessage/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_message__PyHGH {
		padding: 16px 0;
		background-color: #F1F1F4;
}
@media only screen and (max-width: 767px) {
		.style_message__PyHGH {
				padding: 8px 0;
		}
}

.style_wrapper__ArJGH {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		display: flex;
		align-items: center;
		gap: 8px 32px;
}
@media only screen and (min-width: 1399px) {
		.style_wrapper__ArJGH {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_wrapper__ArJGH {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__ArJGH {
				padding: 0 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__ArJGH {
				flex-flow: column;
				align-items: flex-start;
		}
}
.style_wrapper__ArJGH .style_link__Fa22Z {
		font: 600 14px/140% var(--my-open-sans-regular);
		margin-left: auto;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_wrapper__ArJGH .style_link__Fa22Z {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_wrapper__ArJGH .style_link__Fa22Z {
				font-size: 11px;
				margin-left: 16px;
		}
}

.style_container__D_9Rl {
		display: flex;
		gap: 8px;
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #4f4f4f;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__D_9Rl {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__D_9Rl {
				font-size: 13px;
				gap: 4px;
		}
}
.style_container__D_9Rl svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
		margin-top: 2px;
}
@media only screen and (max-width: 767px) {
		.style_container__D_9Rl svg {
				min-width: 12px;
				width: 12px;
				height: 12px;
				margin-top: 2px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/MenuCityChangeItem/CityChangePanel/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sidebar__bp1e3 {
		padding: 12px 10px 32px;
		transform: translateX(130%);
		background: #fff;
		display: flex;
		flex-direction: column;
		position: fixed;
		transition: all 0.4s;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
}
.style_sidebar__bp1e3.style_open__C0nE_ {
		transition: all 0.4s;
		transform: translateX(0);
}
.style_sidebarTop__O9uWP {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 12px;
}
.style_sidebarBurger__hykfc {
		margin-left: auto;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/MenuCityChangeItem/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__GdfOc {
		padding: 12px 0;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 4px;
		border-bottom: 1px solid #E5E6E7;
}
.style_container__GdfOc .style_btnEdit__ToveL {
		font-size: 12px !important;
}

.style_name__8jEgZ {
		font: 600 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
.style_nameContainer__rHjew {
		display: flex;
		align-items: center;
		gap: 8px;
}

.style_container__GdfOc.style_selected__Dv4r_ {
		border: none;
}
.style_container__GdfOc.style_selected__Dv4r_ .style_name__8jEgZ {
		color: #d2233c;
}

.style_selectCity__1pYF4 {
		border: none;
		background-color: transparent;
		padding: 0;
}

.style_search__uUHqX {
		height: 32px;
		width: 100%;
		padding: 8px 8px 8px 28px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #A5A8AA;
		color: #231F20;
		outline: none;
		font: 400 13px/140% var(--my-open-sans-regular);
}
.style_search__uUHqX::placeholder {
		color: #8E8E93;
		font-size: 13px;
}
.style_search__uUHqX:focus {
		border: 1px solid #A5A8AA;
}
.style_search__uUHqX:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_searchBox__wSfuJ {
		padding: 12px 0;
		position: relative;
}
.style_searchContainer__vT1xl {
		position: relative;
}
.style_searchContainer__vT1xl svg {
		min-width: 24px;
		height: 24px;
		width: 24px;
		position: absolute;
		content: "";
		left: 0;
		top: calc(50% - 11px);
}
.style_searchContainer__vT1xl svg circle {
		stroke: #8E8E93;
}
.style_searchContainer__vT1xl svg path {
		fill: #8E8E93;
}
.style_searchClear__ICwfX {
		position: absolute;
		content: "";
		right: 8px;
		top: calc(50% - 8px);
		font: 600 12px/140% var(--my-open-sans-regular);
		color: #8E8E93;
		padding: 0;
		background-color: transparent;
		border: none;
		transition: color 0.3s;
		cursor: pointer;
}
.style_searchClear__ICwfX:hover {
		color: #d2233c;
}
.style_searchResultContainer__bIWUu {
		display: flex;
		flex-flow: column;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/sidebarRedesign/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_sidebar__pwowv {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_sidebar__pwowv {
				padding: 12px 10px 32px;
				transform: translateX(130%);
				background: #fff;
				display: flex;
				flex-direction: column;
				position: fixed;
				transition: all 0.4s;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				z-index: 100;
				width: 100%;
				height: 100%;
				overflow-x: hidden;
				overflow-y: auto;
		}
}
.style_sidebar__pwowv.style_open__c5rep {
		transition: all 0.4s;
		transform: translateX(0);
}
.style_sidebarTop___ZFBs {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 12px;
}
.style_sidebarBurger__Lcd_3 {
		margin-left: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/InputPassword/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_field__3XqMZ {
		display: flex;
		flex-flow: column;
		width: 100%;
		position: relative;
}

.style_label__mSeY0 {
		margin-bottom: 6px;
		color: #8E8E93;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__mSeY0 {
				margin-bottom: 4px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__mSeY0 {
				margin-bottom: 2px;
				font-size: 12px;
		}
}

.style_error__eyNcA {
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		position: absolute;
		bottom: -13px;
		left: 0;
}
@media only screen and (max-width: 767px) {
		.style_error__eyNcA {
				font-size: 10px;
		}
}

.style_input__jmmmj {
		position: relative;
		padding: 12px 48px 12px 16px;
		background-color: white;
		border: 1px solid #A5A8AA;
		border-radius: 4px;
		height: 48px;
		color: #231F20;
		font: 400 14px/140% var(--my-open-sans-regular);
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_input__jmmmj {
				height: 36px;
				padding: 12px 36px 12px 12px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_input__jmmmj {
				height: 32px;
				font-size: 16px;
				padding: 12px 32px 12px 8px;
		}
}
.style_input__jmmmj::placeholder {
		color: #A5A8AA;
		font-size: 12px;
}
.style_input__jmmmj:focus {
		border: 1px solid #8E8E93;
}
.style_input__jmmmj:focus-visible {
		outline: none;
		box-shadow: none;
}
.style_input__jmmmj:disabled {
		background: #F5F5F8;
		color: #A5A8AA;
		border-color: #F5F5F8;
}
.style_inputContainer__aDiVm {
		position: relative;
		display: flex;
		width: 100%;
}

.style_eye__d4gs7 {
		padding: 0;
		background-color: transparent;
		margin: 0;
		border: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 16px;
		cursor: pointer;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_eye__d4gs7 {
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_eye__d4gs7 {
				right: 8px;
		}
}
.style_eye__d4gs7 svg {
		min-width: 24px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/BtnSend/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__LkZRi.style_btnSend__kbt8f {
		font: 600 16px/140% var(--my-open-sans-regular) !important;
		text-align: center;
		height: 48px !important;
		padding: 12px 20px !important;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__LkZRi.style_btnSend__kbt8f {
				padding: 6px 12px !important;
				height: 36px !important;
				font-size: 14px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__LkZRi.style_btnSend__kbt8f {
				padding: 6px 12px !important;
				height: 32px !important;
				font-size: 13px !important;
		}
}
.style_form__LkZRi.style_btnSend__kbt8f:disabled {
		color: #A5A8AA;
		background-color: #E5E6E7;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/ErrorServerText/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_error__cn0pC {
		color: #EC7272;
		margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
		.style_error__cn0pC {
				margin-bottom: 16px;
				font-size: 10px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/JustButton/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__wNoUz.style_btn__D8DDr {
		font: 600 14px/140% var(--my-open-sans-regular) !important;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__wNoUz.style_btn__D8DDr {
				font-size: 13px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__wNoUz.style_btn__D8DDr {
				font-size: 12px !important;
		}
}
.style_form__wNoUz.style_btn__D8DDr:disabled {
		pointer-events: none !important;
		color: #A5A8AA !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/AuthView/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form___Jr8B .style_fields__rAfcg {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form___Jr8B .style_fields__rAfcg {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form___Jr8B .style_fields__rAfcg {
				gap: 20px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form___Jr8B .style_field__x6H8O input {
				padding: 12px;
		}
}

.style_btnSpace__i3y2Z {
		margin-top: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_btnSpace__i3y2Z {
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_btnSpace__i3y2Z {
				margin-top: 20px;
		}
}

.style_emailContainer__p6I0m {
		display: flex;
		flex-flow: column;
		gap: 12px;
}
@media only screen and (max-width: 767px) {
		.style_emailContainer__p6I0m {
				gap: 8px;
		}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/AuthCodeComponent/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_container__b3XtS {
		display: flex;
		align-items: center;
		position: relative;
}
.style_container__b3XtS:before {
		position: absolute;
		content: "";
		width: 8px;
		height: 1.2px;
		top: 50%;
		right: 50%;
		transform: translate(50%, -50%);
		background-color: #3E3E43;
}
.style_container__b3XtS input[type=number] {
		-moz-appearance: textfield !important;
}
.style_container__b3XtS input::-webkit-outer-spin-button,
.style_container__b3XtS input::-webkit-inner-spin-button {
		-webkit-appearance: none !important;
		margin: 0 !important;
}
.style_container__b3XtS .style_input__3Kch1 {
		outline: none;
		border-radius: 4px;
		border: 1px solid #A5A8AA;
		background: #FFF;
		height: 48px;
		width: 46px;
		padding: 10px;
		font: 600 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		text-align: center;
		position: relative;
		z-index: 0;
		box-shadow: none !important;
		margin: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__b3XtS .style_input__3Kch1 {
				font-size: 18px;
				height: 36px;
				width: 39px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__b3XtS .style_input__3Kch1 {
				font-size: 16px;
				width: 38.5px;
				height: 32px;
		}
}
.style_container__b3XtS .style_input__3Kch1:focus {
		border-color: #3E3E43;
}
.style_container__b3XtS .style_input__3Kch1 + .style_input__3Kch1 {
		margin-left: 16px;
}
@media only screen and (max-width: 767px) {
		.style_container__b3XtS .style_input__3Kch1 + .style_input__3Kch1 {
				margin-left: 8px;
		}
}
.style_container__b3XtS .style_input__3Kch1:nth-child(3) + .style_input__3Kch1:nth-child(4) {
		margin-left: 56px;
}
@media only screen and (max-width: 767px) {
		.style_container__b3XtS .style_input__3Kch1:nth-child(3) + .style_input__3Kch1:nth-child(4) {
				margin-left: 32px;
		}
}
.style_container__b3XtS .style_input__3Kch1.style_success__V4ThD {
		background-color: #ECFAF0;
		border-color: #ECFAF0;
		color: #8E8E93;
		pointer-events: none;
}
.style_container__b3XtS .style_input__3Kch1.style_error__eegh6 {
		background-color: #FFF;
		border-color: #EC7272;
		color: #231F20;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/Text/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_text__ebQ5_ {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__ebQ5_ {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__ebQ5_ {
				font-size: 13px;
		}
}

.style_bold__Rex3D {
		font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/EmailConfirmationView/RequestCodeAgain/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__7AezU {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_counter__7AezU {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_counter__7AezU {
				font-size: 13px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/EmailConfirmationView/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__kVcLz .style_back__zY3RF {
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__kVcLz .style_back__zY3RF {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__kVcLz .style_back__zY3RF {
				margin-bottom: 16px;
		}
}

.style_text___LsXk {
		margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
		.style_text___LsXk {
				margin-bottom: 4px;
		}
}

.style_email__icnYI {
		margin-bottom: 16px;
}

.style_field__JdlW2 {
		width: 100%;
		display: flex;
		justify-content: center;
}

.style_container__L_EAh {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container__L_EAh {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container__L_EAh {
				margin-top: 16px;
		}
}

.style_errorMessage__Uibj2 {
		display: flex;
		margin-top: 12px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_errorMessage__Uibj2 {
				margin-top: 8px;
				margin-bottom: 8px;
		}
}
.style_errorMessage__Uibj2.style_show__1xB49 {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.1);
}

.style_disabled__paw6e {
		pointer-events: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/TabsControl/TabsControlItem/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_tabItem__D8pV8 {
		position: relative;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 16px;
		cursor: pointer;
		border-radius: 2px;
		background-color: #F1F1F4;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_tabItem__D8pV8 {
				padding: 7px 16px;
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_tabItem__D8pV8 {
				padding: 7px 12px;
				font-size: 13px;
		}
}
.style_tabItem__D8pV8.style_active__HkipQ {
		background: #fff;
		color: #d2233c;
		pointer-events: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/TabsControl/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_tab__yDI3G {
		display: flex;
		align-items: center;
		gap: 4px;
		background: #F1F1F4;
		padding: 4px;
		border-radius: 4px;
		width: -moz-fit-content;
		width: fit-content;
		position: relative;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/AgreementText/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_agreement__6HAlR {
		color: #3E3E43;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_agreement__6HAlR {
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_agreement__6HAlR {
				font-size: 12px;
		}
}
.style_agreement__6HAlR a {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_agreement__6HAlR a:hover {
				color: #b11e33;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/FirstViewEmail/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__0LZi2 .style_field__VNZcL input {
				padding: 12px;
		}
}
.style_form__0LZi2 .style_btnSend__ORX_2 {
		font: 600 16px/140% var(--my-open-sans-regular) !important;
		text-align: center;
		height: 48px !important;
		padding: 12px 20px !important;
		margin-top: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__0LZi2 .style_btnSend__ORX_2 {
				padding: 6px 12px !important;
				height: 36px !important;
				font-size: 14px !important;
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__0LZi2 .style_btnSend__ORX_2 {
				padding: 6px 12px !important;
				height: 32px !important;
				font-size: 13px !important;
				margin-top: 20px;
		}
}

.style_icloudInfo__h3Irp {
		margin-top: 14px;
}

.style_space__p5zRq {
		margin-top: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_space__p5zRq {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_space__p5zRq {
				margin-top: 16px;
		}
}

.style_error__xxOhy {
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_error__xxOhy {
				font-size: 10px;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/FirstViewPhone/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__Rgmlh .style_field__giird input {
				padding: 12px;
		}
}
.style_form__Rgmlh .style_btnSend__VIfNz {
		font: 600 16px/140% var(--my-open-sans-regular) !important;
		text-align: center;
		height: 48px !important;
		padding: 12px 20px !important;
		margin-top: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__Rgmlh .style_btnSend__VIfNz {
				padding: 6px 12px !important;
				height: 36px !important;
				font-size: 14px !important;
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__Rgmlh .style_btnSend__VIfNz {
				padding: 6px 12px !important;
				height: 32px !important;
				font-size: 13px !important;
				margin-top: 20px;
		}
}

.style_phoneWarn__MRXUV {
		margin-top: 14px;
}

.style_space__0n_CV {
		margin-top: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_space__0n_CV {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_space__0n_CV {
				margin-top: 16px;
		}
}

.style_error__Q3_lB {
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_error__Q3_lB {
				font-size: 10px;
		}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/FirstView/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__PnWCx .style_fieldError__E24tL {
		color: #EC7272;
		line-height: 130%;
		font-size: 11px;
		font-family: var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_form__PnWCx .style_fieldError__E24tL {
				font-size: 10px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__PnWCx .style_field__5Og8C input {
				padding: 12px;
		}
}
.style_form__PnWCx .style_btnSend__duxUv {
		font: 600 16px/140% var(--my-open-sans-regular);
		text-align: center;
		height: 48px;
		padding: 12px 20px;
		margin-top: 32px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__PnWCx .style_btnSend__duxUv {
				padding: 6px 12px;
				height: 36px;
				font-size: 14px;
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__PnWCx .style_btnSend__duxUv {
				padding: 6px 12px;
				height: 32px;
				font-size: 13px;
				margin-top: 20px;
		}
}

.style_icloudInfo__EYhB8 {
		margin-top: 16px;
}
@media only screen and (max-width: 767px) {
		.style_icloudInfo__EYhB8 {
				margin-top: 12px;
		}
}

.style_space__Xh4Hd {
		margin-top: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_space__Xh4Hd {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_space__Xh4Hd {
				margin-top: 16px;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/PhoneAuthView/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__ThsZR .style_back__oSC9r {
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__ThsZR .style_back__oSC9r {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__ThsZR .style_back__oSC9r {
				margin-bottom: 16px;
		}
}

.style_text__SQGeq {
		margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
		.style_text__SQGeq {
				margin-bottom: 4px;
		}
}

.style_email__cZQ_i {
		margin-bottom: 16px;
}

.style_field__6yNDO {
		width: 100%;
		display: flex;
		justify-content: center;
}

.style_container___Eru3 {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_container___Eru3 {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_container___Eru3 {
				margin-top: 16px;
		}
}

.style_errorMessage__cc_zk {
		display: flex;
		margin-top: 12px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_errorMessage__cc_zk {
				margin-top: 8px;
				margin-bottom: 8px;
		}
}
.style_errorMessage__cc_zk.style_show__2QR0f {
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.1);
}

.style_disabled__SLIhU {
		pointer-events: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/RecoveryView/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_email__NwbQL {
		margin-top: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UI/TextAlert/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_text__1r0oG {
		display: flex;
		width: 100%;
		padding: 6px 16px;
		border-radius: 4px;
		color: #EC7272;
		font: 400 11px/130% var(--my-open-sans-regular);
		background: rgba(236, 114, 114, 0.1);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/RegistrationView/InputCodeEmail/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__og4s7 .style_back__c9Hl_ {
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__og4s7 .style_back__c9Hl_ {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__og4s7 .style_back__c9Hl_ {
				margin-bottom: 16px;
		}
}

.style_textContaner__F52rd {
		display: flex;
		flex-flow: column;
		gap: 8px 16px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_textContaner__F52rd {
				margin-bottom: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_textContaner__F52rd {
				flex-flow: column;
				align-items: flex-start;
		}
}

.style_space__dERl_ {
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_space__dERl_ {
				margin-bottom: 8px;
		}
}

.style_field__xSBBr {
		width: 100%;
		display: flex;
		justify-content: center;
}

.style_errorMessage__1ETfU {
		display: flex;
		margin-top: 8px;
		margin-bottom: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_errorMessage__1ETfU {
				margin-top: 10px;
				margin-bottom: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_errorMessage__1ETfU {
				margin-top: 6px;
				margin-bottom: 6px;
		}
}

.style_disabled__NH0JS {
		pointer-events: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/RegistrationView/InputCodePhone/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__hRUgG .style_back__SGYxE {
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__hRUgG .style_back__SGYxE {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__hRUgG .style_back__SGYxE {
				margin-bottom: 16px;
		}
}

.style_textContaner__TS4DN {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 4px 16px;
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_textContaner__TS4DN {
				margin-bottom: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_textContaner__TS4DN {
				flex-flow: column;
				align-items: flex-start;
		}
}

.style_space__VnV0G {
		margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
		.style_space__VnV0G {
				margin-bottom: 8px;
		}
}

.style_loaderContainer__zGHcX {
		display: flex;
		justify-content: center;
}

.style_field__AcC0A {
		width: 100%;
		display: flex;
		justify-content: center;
}

.style_errorMessage__YVyO3 {
		display: flex;
		margin-top: 8px;
		margin-bottom: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_errorMessage__YVyO3 {
				margin-top: 10px;
				margin-bottom: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_errorMessage__YVyO3 {
				margin-top: 6px;
				margin-bottom: 6px;
		}
}

.style_disabled__GxBE0 {
		pointer-events: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserAuthsViews/RegistrationView/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__UfGES {
		display: flex;
		flex-flow: column;
		gap: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__UfGES {
				gap: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__UfGES {
				gap: 16px;
		}
}
.style_form__UfGES .style_phoneWarn__YwcSh {
		margin-top: 16px;
}
@media only screen and (max-width: 767px) {
		.style_form__UfGES .style_phoneWarn__YwcSh {
				margin-top: 12px;
		}
}
.style_form__UfGES .style_verifBtn__NlD0z {
		margin-top: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_form__UfGES .style_verifBtn__NlD0z {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_form__UfGES .style_verifBtn__NlD0z {
				margin-top: 12px;
		}
}
.style_formFields__qlMOn {
		display: flex;
		flex-flow: column;
		gap: 20px;
}

.style_errorBlock__9_WFq {
		gap: 8px;
}
.style_errorBlockAlert__0yXQS {
		margin-top: 8px;
}
.style_errorBlockText__DVoJo {
		margin-top: 5px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/UserAuths/UserModal/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__EJv_K {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(35, 31, 32, 0.4);
		z-index: 10;
		overflow-y: auto;
		padding: 16px;
}
@media only screen and (max-width: 767px) {
		.style_modalOverlay__EJv_K {
				padding: 32px 0 0 0;
				align-items: flex-end;
				background: rgba(62, 62, 67, 0.5);
		}
}

.style_modal__TQkJm {
		outline: none;
		background: white;
		position: relative;
		padding: 60px 56px 60px 60px;
		border-radius: 8px;
		max-width: 524px;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_modal__TQkJm {
				padding: 40px 36px 40px 40px;
				max-width: 440px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modal__TQkJm {
				border-radius: 4px 4px 0 0;
				padding: 20px 6px 24px 10px;
				max-width: 100%;
		}
}

.style_title__XdCdq {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__XdCdq {
				font-size: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__XdCdq {
				font-size: 18px;
				margin-bottom: 20px;
				padding-right: 40px;
		}
}

.style_close__6sMD0 {
		padding: 0;
		border-color: transparent;
		background-color: transparent;
		margin: 0;
		outline: none;
		color: #3E3E43;
		position: absolute;
		top: 12px;
		right: 12px;
		cursor: pointer;
		transition: color 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_close__6sMD0 {
				top: 10px;
				right: 10px;
		}
}
.style_close__6sMD0:hover {
		color: #231F20;
}
.style_close__6sMD0 svg {
		min-width: 40px;
}
@media only screen and (max-width: 767px) {
		.style_close__6sMD0 svg {
				width: 32px;
				min-width: 32px;
				height: 32px;
		}
}

.style_content__x8oWQ {
		display: flex;
		flex-flow: column;
		width: 100%;
		overflow-y: auto;
		max-height: calc(100dvh - 140px);
		padding-right: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/utilities/ErrorBoundary/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_errorWrapper___iHrZ {
		width: 90%;
		margin: 40px auto;
}
.style_errorWrapper___iHrZ button {
		width: -moz-fit-content;
		width: fit-content;
}
.style_errorWrapper___iHrZ h1 {
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_errorWrapper___iHrZ h1 {
				margin-bottom: 20px;
		}
}
.style_errorLabel__NSK6W {
		margin-bottom: 20px;
		color: red;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_errorLabel__NSK6W {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_errorLabel__NSK6W {
				font-size: 13px;
		}
}
.style_errorText__9PJel {
		overflow: auto;
		width: 600px;
		white-space: pre-wrap;
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_errorText__9PJel {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_errorText__9PJel {
				font-size: 13px;
		}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./src/styles/index.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body,
html,
#__next {
		width: 100%;
		height: 100%;
}

html {
		min-height: 100%;
}

body {
		min-height: 100vh;
		text-rendering: optimizeSpeed;
}

img,
picture {
		max-width: 100%;
		display: block;
}

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

a:not([class]) {
		text-decoration-skip-ink: auto;
}

@media (prefers-reduced-motion: reduce) {
		*,
		*::before,
		*::after {
				animation-duration: 0.01ms !important;
				animation-iteration-count: 1 !important;
				transition-duration: 0.01ms !important;
				scroll-behavior: auto !important;
		}
}
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
		margin: 0;
}

ul,
ol {
		padding: 0;
		margin: 0;
		list-style-type: none;
}

html {
		font: 400 12px/140% var(--my-open-sans-regular);
		scrollbar-gutter: stable;
}

a:hover {
		transition: color 0.3s;
}

svg {
		display: block;
		max-width: 100%;
}

ul {
		padding-inline-start: 0;
}

li {
		list-style-type: none;
}

/* width */
::-webkit-scrollbar {
		width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px #E5E6E7;
}

/* Handle */
::-webkit-scrollbar-thumb {
		background: #A5A8AA;
		border-radius: 10px;
}

.body {
		position: relative;
		display: block;
		height: 100%;
		min-height: 100%;
		width: 100%;
		background: transparent;
		overflow-x: hidden;
		font: 400 14px/140% var(--my-open-sans-regular);
		scrollbar-gutter: stable;
}
@media only screen and (max-width: 767px) {
		.body {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.body.detail-product {
				padding-bottom: 130px;
		}
}

.wrapper {
		flex-grow: 2;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 auto;
		min-height: 100%;
}

main {
		width: 100%;
		position: relative;
		min-height: 100%;
		background: transparent;
}

[data-scroll-lock] .fix-lock {
		margin-right: var(--scrollbar-compensation);
}

.header {
		background: #fff;
		position: sticky;
		top: 0;
		z-index: 10;
		width: 100%;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.header {
				margin-bottom: 0;
		}
}
.header-mob {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		padding: 12px 8px !important;
		position: relative;
		display: none;
}
@media only screen and (min-width: 1399px) {
		.header-mob {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.header-mob {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.header-mob {
				padding: 0 10px;
		}
}
@media only screen and (max-width: 767px) {
		.header-mob {
				display: flex;
				align-items: center;
				min-height: 56px;
				justify-content: space-between;
				gap: 8px;
				background: #fff;
		}
}
.header-mob.fixed {
		position: relative;
		background-color: #fff;
}
.header-mob.fixed:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		height: 1px;
		bottom: 0;
		background-color: #E5E6E7;
}
.header-mob__item {
		cursor: pointer;
}
.header-mob__item + .header-mob__item {
		margin-left: 8px;
}
.header-mob-logo {
		transition: opacity 0.3s;
}
.header-mob-logo:hover {
		opacity: 0.7;
}

.pre-header {
		padding: 20px 0 8px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.pre-header {
				padding-bottom: 0;
		}
}
@media only screen and (max-width: 767px) {
		.pre-header {
				display: none;
		}
}
.pre-header-wrapper {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.pre-header-wrapper {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.pre-header-wrapper {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.pre-header-wrapper {
				padding: 0 10px;
		}
}
.pre-header-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
}
@media only screen and (max-width: 991px) {
		.pre-header-box {
				gap: 14px;
		}
}
.pre-header-info {
		display: flex;
		align-items: center;
		color: #191714;
		white-space: nowrap;
		gap: 4px;
}
.pre-header-info-message {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #231F20;
}
.pre-header-info-tel {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		text-decoration: none;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.pre-header-info-tel {
				font-size: 12px;
		}
}
.pre-header-info-tel:hover {
		color: #d2233c;
}
.pre-header-info svg {
		width: 16px;
		height: 16px;
		cursor: pointer;
		color: #A5A8AA;
		transition: color 0.3s;
}
.pre-header-info svg:hover {
		color: #3E3E43;
}
.pre-header-menu {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		gap: 32px;
}
@media only screen and (max-width: 991px) {
		.pre-header-menu {
				gap: 24px;
		}
}
.pre-header-menu--desc {
		display: flex;
}
@media only screen and (max-width: 1199px) {
		.pre-header-menu--desc {
				display: none;
		}
}
.pre-header-menu--tablet {
		display: none;
}
@media only screen and (max-width: 1199px) {
		.pre-header-menu--tablet {
				display: flex;
		}
}
.pre-header-menu__item {
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		white-space: nowrap;
		cursor: pointer;
}
@media only screen and (max-width: 991px) {
		.pre-header-menu__item {
				font-size: 12px;
		}
}
.pre-header-menu__item:hover {
		color: #d2233c;
}
.pre-header-menu__item.active {
		color: #d2233c;
}
.pre-header-menu-city {
		text-overflow: ellipsis;
		overflow: hidden;
}
@media only screen and (max-width: 1199px) {
		.pre-header-menu-city {
				max-width: 147px;
		}
}
.pre-header-menu-city__wrap {
		display: flex;
		align-items: center;
		gap: 4px;
}
@media only screen and (max-width: 991px) {
		.pre-header-menu-city__wrap {
				align-items: flex-start;
		}
}
.pre-header-menu-city__wrap svg {
		height: 15px;
		width: 15px;
}
.pre-header-menu-add {
		position: relative;
		display: none;
}
@media only screen and (max-width: 1199px) {
		.pre-header-menu-add {
				display: block;
		}
}
.pre-header-menu-add__item {
		display: flex;
		align-items: center;
		font: 400 13px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		white-space: nowrap;
		cursor: pointer;
}
@media only screen and (max-width: 991px) {
		.pre-header-menu-add__item {
				font-size: 12px;
		}
}
.pre-header-menu-add__item svg {
		min-width: 16px;
		transition: transform 0.3s;
}
.pre-header-menu-add:hover .pre-header-menu-add__item svg {
		transform: rotate(180deg);
}
.pre-header-menu-add:hover .pre-header-sub-menu__container {
		z-index: 11;
		opacity: 1;
}
.pre-header-sub-menu {
		display: flex;
		flex-flow: column;
		gap: 16px;
}
.pre-header-sub-menu__container {
		position: absolute;
		overflow: hidden;
		top: calc(100% - 6px);
		left: -10px;
		z-index: -1;
		opacity: 0;
		transition: opacity 0.3s;
}
.pre-header-sub-menu__box {
		padding: 8px;
}
.pre-header-sub-menu__drop {
		margin-top: 6px;
		padding: 16px;
		border-radius: 8px;
		background-color: #fff;
		box-shadow: 0 0 8px 0 rgba(153, 153, 153, 0.4);
}

.header-main {
		position: relative;
		background-color: #fff;
}
@media only screen and (max-width: 767px) {
		.header-main {
				display: none;
		}
}
.header-main.fixed {
		position: relative;
}
.header-main.fixed:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 1px;
		bottom: 0;
		background-color: #E5E6E7;
}
.header-main-wrap {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24px 16px !important;
		position: relative;
}
@media only screen and (min-width: 1399px) {
		.header-main-wrap {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.header-main-wrap {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.header-main-wrap {
				padding: 0 10px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.header-main-wrap {
				padding: 20px 16px !important;
		}
}
.header-main-burger {
		display: none;
		margin-right: 16px;
		flex-shrink: 0;
}
@media only screen and (min-width: 991px) and (max-width: 1024px) {
		.header-main-burger {
				display: block;
		}
}
@media only screen and (max-width: 991px) {
		.header-main-burger {
				display: block;
		}
}
.header-main-logo {
		margin-right: 60px;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 991px) {
		.header-main-logo {
				margin-right: 28px;
		}
}
.header-main-logo img {
		min-width: 155px;
		height: auto;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.header-main-logo img {
				min-width: 122px;
		}
}
.header-main-logo:hover {
		opacity: 0.7;
}
.header-main-slogan {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #000;
		white-space: nowrap;
		margin-left: 14px;
		letter-spacing: -0.45px;
}
@media only screen and (max-width: 1199px) {
		.header-main-slogan {
				margin-left: 10px;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.header-main-slogan {
				display: none;
		}
}
.header-main-search__wrap {
		position: relative;
		width: calc(100% - 66px);
		max-width: 446px;
		margin: 0 40px 0 16px;
}
@media only screen and (max-width: 991px) {
		.header-main-search__wrap {
				margin: 0 20px 0 12px;
				width: calc(100% - 32px);
		}
}
.header-main-search__result {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 100%;
		opacity: 0;
		overflow: hidden auto;
		transition: opacity 0.3s;
		background: #fff;
		z-index: -1;
}
.header-main-search__result.active {
		opacity: 1;
		z-index: 3;
}
.header-main-menu {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-left: auto;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.header-main-menu {
				gap: 12px;
		}
}
.header-main-menu__item {
		color: #3E3E43;
		font: 600 11px/130% var(--my-open-sans-regular);
		white-space: nowrap;
		cursor: pointer;
		display: flex;
		flex-flow: column;
		align-items: center;
		gap: 4px;
		min-width: 62px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.header-main-menu__item {
				gap: 0;
		}
}
@media only screen and (max-width: 767px) {
		.header-main-menu__item {
				gap: 2px;
				font-size: 9px;
				line-height: 120%;
				letter-spacing: -0.09px;
				min-width: 52px;
		}
}
.header-main-menu__item-exit {
		padding: 0;
		border: none;
		background-color: transparent;
}
.header-main-menu__item-name {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 80px;
}
@media only screen and (max-width: 991px) {
		.header-main-menu__item-name {
				max-width: 65px;
		}
}
.header-main-menu__item:hover {
		color: #d2233c;
}
.header-main-menu__item-arrow {
		margin: 0 0 0 5px;
		transform: rotateX(180deg);
		transition: rotateX 0.3s;
}
.header-main-menu__item-container {
		position: relative;
}
.header-main-menu__item-container span {
		position: absolute;
		top: -2px;
		right: -1px;
		background-color: white;
		border-radius: 50%;
}
.header-main-menu__item-container span svg {
		min-width: 10px;
		width: 12px;
		height: 12px;
}
.header-main-basket, .header-main-favorite {
		cursor: pointer;
		position: relative;
}
.header-main-basket__count, .header-main-favorite__count {
		background-color: #d2233c;
		position: absolute;
		top: 0;
		left: calc(50% + 1px);
		min-width: 11px;
		height: 11px;
		box-shadow: 0 0 0 1px #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 6px;
		font: 600 10px/130% var(--my-open-sans-regular);
		color: #fff;
		padding: 2px 3px;
}
.header-main-lk__wrap {
		position: relative;
		height: 100%;
		display: flex;
		align-items: center;
		flex-shrink: 0;
}
.header-main-lk__wrap:hover .header-main-lk-drop {
		opacity: 1;
		z-index: 10;
		pointer-events: auto;
}
.header-main-lk__wrap:hover .header-main-lk-popup {
		opacity: 1;
		z-index: 10;
		pointer-events: auto;
		max-height: 500px;
		padding: 8px;
}
.header-main-lk__wrap:hover .header-main-menu__item-arrow {
		transform: rotateX(0);
}
.header-main-lk__separator {
		padding: 0 6px;
}
.header-main-lk__modal-dialog {
		display: flex;
		flex-flow: column;
		gap: 20px;
		align-items: center;
}
.header-main-lk__modal-dialog-buttons {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
		width: 100%;
}
.header-main-lk__modal-dialog-buttons button {
		width: 100% !important;
		max-width: 100% !important;
}
.header-main-lk-drop {
		position: absolute;
		opacity: 0;
		top: calc(50% + 12px);
		left: 50%;
		transform: translate(-50%);
		z-index: 1;
		transition: opacity 0.3s;
		pointer-events: none;
}
.header-main-lk-popup {
		max-height: 0;
		position: absolute;
		top: calc(100% - 4px);
		left: -6px;
		overflow: hidden;
		transition: 0.15s;
		padding: 0 8px;
}
.header-main-lk-popup__wrap {
		background-color: #fff;
		display: flex;
		flex-wrap: wrap;
		padding: 20px 16px;
		flex-flow: column;
		margin-top: 12px;
		border-radius: 8px;
		filter: drop-shadow(0 0 6px rgba(153, 153, 153, 0.4));
		width: 190px;
		position: relative;
}
.header-main-lk-popup__wrap::before {
		position: absolute;
		content: "";
		top: -12px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 12px solid #ffffff;
}
.header-main-lk-popup__item {
		color: #231F20;
		font: 400 13px/140% var(--my-open-sans-regular);
		display: inline-flex;
		align-items: center;
		gap: 12px;
		white-space: nowrap;
		cursor: pointer;
}
.header-main-lk-popup__item:last-child {
		padding-top: 11px;
		border-top: 1px solid #E5E6E7;
}
.header-main-lk-popup__item:hover {
		color: #d2233c;
}
.header-main-lk-popup__item + .header-main-lk-popup__item {
		margin-top: 16px;
}
.header-main-lk-popup__item svg {
		min-width: 16px;
		width: 16px;
		height: 16px;
}
.header-main-lk-popup__item--chip {
		margin-left: -2px;
}

header .header-main .header-main-catalog-btn {
		height: 48px;
		padding: 12px 20px;
}
@media only screen and (max-width: 991px) {
		header .header-main .header-main-catalog-btn {
				height: 36px;
				font-size: 14px;
				padding: 8px 12px;
				min-width: 80px;
		}
}
header .header-main .header-main-catalog-btn svg {
		min-width: 24px;
}
header .header-main .header-main-catalog-btn__desc {
		display: flex;
		align-items: center;
		gap: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		header .header-main .header-main-catalog-btn__desc {
				display: none;
		}
}
header .header-main .header-main-catalog-btn__mobile {
		display: none;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		header .header-main .header-main-catalog-btn__mobile {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 8px;
		}
}

.header-navbar {
		background: #d2233c;
}
@media only screen and (min-width: 991px) and (max-width: 1024px) {
		.header-navbar {
				display: none;
		}
}
@media only screen and (max-width: 991px) {
		.header-navbar {
				display: none;
		}
}
.header-navbar-wrap {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.header-navbar-wrap {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.header-navbar-wrap {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.header-navbar-wrap {
				padding: 0 10px;
		}
}
.header-navbar-container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
}
.header-navbar-item {
		padding: 10px 25px 10px 15px;
}
.header-navbar-item:hover .header-navbar-subItems {
		max-height: 1408px;
}
.header-navbar-item__label {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #fff;
		position: relative;
}
.header-navbar-item__label img {
		position: absolute;
		top: 8px;
		right: -15px;
}
.header-navbar-subItems {
		position: absolute;
		margin: 0;
		max-height: 0;
		box-shadow: 0 6px 8px hsla(0, 0%, 82%, 0.5);
		overflow: hidden;
		z-index: 5;
		top: 100%;
		left: 0;
		padding: 0 10px;
		display: flex;
		max-width: 1300px;
		width: 100%;
		transition: 0.25s ease-in-out;
		background-color: #f6f6f6;
}
.header-navbar-subItem {
		padding: 12px 10px;
		display: flex;
		flex-direction: column;
		flex: 1 1 120px;
}
.header-navbar-subItem.border {
		border-right: 1px solid #E3E1E1;
}
.header-navbar-subItem__title {
		font: 700 13px/115% var(--my-open-sans-regular);
		width: 90px;
		color: var(--my-open-sans-regular);
		margin-bottom: 12px;
}
.header-navbar-subItem__container {
		display: grid;
		gap: 4px 10px;
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.header-navbar-subItem-list__wrap {
		display: flex;
		flex-flow: column;
}
.header-navbar-subItem-list__title {
		font: 700 10px/120% var(--my-open-sans-regular);
		color: #9A9B9E;
		margin: 0 0 12px 0;
}
.header-navbar-subItem-list__links {
		display: flex;
		flex-flow: column;
		margin-bottom: 8px;
}
.header-navbar-subItem-list__link {
		color: #231F20;
		font-size: 12px;
		line-height: 120%;
		text-decoration: none;
		transition: color 0.3s ease-in-out;
		margin: 4px 0;
		width: 120px;
}
.header-navbar-subItem-list__link:hover {
		color: #d2233c;
}

.header-main.fix .region-modal {
		display: none;
}

.region-modal {
		position: absolute;
		top: calc(100% + 20px);
		left: 16px;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.7s, opacity 0.7s;
		z-index: 2;
}
@media only screen and (max-width: 991px) {
		.region-modal {
				top: calc(100% + 12px);
		}
}
@media only screen and (max-width: 767px) {
		.region-modal {
				top: calc(100% + 8px);
				left: 50%;
				transform: translateX(-50%);
		}
}
.region-modal.open {
		opacity: 1;
		max-height: 500px;
		transition: max-height 0.7s, opacity 0.7s;
}
.region-modal__inner {
		background: rgba(62, 62, 67, 0.84);
		position: relative;
		padding: 16px 24px;
		border-radius: 6px;
		display: flex;
		flex-flow: column;
		gap: 16px 20px;
		min-width: 290px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.region-modal__inner {
				padding: 20px 24px;
				gap: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.region-modal__inner {
				padding: 16px 20px;
				gap: 16px;
				justify-content: center;
		}
}
.region-modal__text {
		font: 400 16px/140% var(--my-open-sans-regular);
		color: #fff;
}
@media only screen and (max-width: 991px) {
		.region-modal__text {
				font-size: 14px;
		}
}
.region-modal__btn {
		font: 600 13px/140% var(--my-open-sans-regular);
		padding: 8px 16px;
		text-align: center;
		border: 1px solid transparent;
		cursor: pointer;
		transition: background-color 0.3s, border-color 0.3s, color 0.3s;
		white-space: nowrap;
		border-radius: 4px;
		width: 104px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.region-modal__btn {
				width: 99px;
				height: 34px;
		}
}
@media only screen and (max-width: 767px) {
		.region-modal__btn {
				padding: 6px 12px;
				width: 90px;
				height: 30px;
		}
}
.region-modal__btn-ok {
		background: #d2233c;
		color: #fff;
}
.region-modal__btn-ok:hover {
		background: transparent;
		border-color: #fff;
}
.region-modal__btn-no {
		color: #fff;
		background: transparent;
		border-color: #fff;
}
.region-modal__btn-no:hover {
		background: #d2233c;
		color: white;
		border-color: #d2233c;
}
.region-modal__box {
		display: flex;
		gap: 8px;
}
@media only screen and (max-width: 767px) {
		.region-modal__box {
				justify-content: center;
		}
}

.b-search-results-popup__container {
		padding: 24px 0 36px 0;
}
.b-search-results-popup__item {
		margin-bottom: 5px;
		width: 100%;
}
.b-search-results-popup__title {
		font: 700 16px/140% var(--my-open-sans-regular);
		color: #000;
		margin-bottom: 15px;
		padding: 0 10px;
}
.b-search-results-popup__link {
		padding: 0 10px;
		display: inline-block;
		font-size: 14px;
		color: #d2233c;
		transition: color 0.3s, background-color 0.3s;
		width: 100%;
}
.b-search-results-popup__link:hover {
		text-decoration: none;
		background-color: #d2233c;
		color: #fff;
}

.emptyTitle {
		color: #231F20;
		font: 600 20px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.emptyTitle {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.emptyTitle {
				font-size: 16px;
		}
}
.emptyText {
		margin-top: 20px;
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #231F20;
}

@media only screen and (max-width: 991px) {
		body .online-chat-root-TalkMe .top-z-index {
				z-index: 9 !important;
		}
}

.header-ghost {
		position: absolute;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		padding: 0;
		border: 0;
		height: 1px;
		width: 1px;
		overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
		main:has(.product-detail) + div + footer {
				padding-bottom: 86px;
		}
}
@media only screen and (max-width: 767px) {
		main:has(.product-detail) + div + footer {
				padding-bottom: 76px;
		}
}

.flex {
		display: flex;
}

.flexWrapNowrap {
		flex-wrap: nowrap;
}
.flexWrapWrap {
		flex-wrap: wrap;
}
.flexWrapReverse {
		flex-wrap: wrap-reverse;
}

.flexDirectionColumn {
		flex-direction: column;
}
.flexDirectionColumnReverse {
		flex-direction: column-reverse;
}
.flexDirectionRow {
		flex-direction: row;
}
.flexDirectionRowReverse {
		flex-direction: row-reverse;
}

.alignItemsFlexStart {
		align-items: flex-start;
}
.alignItemsFlexEnd {
		align-items: flex-end;
}
.alignItemsCenter {
		align-items: center;
}
.alignItemsStretch {
		align-items: stretch;
}
.alignItemsBaseline {
		align-items: baseline;
}

.justifyContentFlexStart {
		justify-content: flex-start;
}
.justifyContentFlexEnd {
		justify-content: flex-end;
}
.justifyContentCenter {
		justify-content: center;
}
.justifyContentSpaceAround {
		justify-content: space-around;
}
.justifyContentSpaceBetween {
		justify-content: space-between;
}

.input, .inputArea {
		max-width: 100%;
		width: 100%;
		border: 1px solid #A5A8AA;
		font: 400 16px/100% var(--my-open-sans-regular);
}
.inputWrap, .inputAreaWrap {
		display: flex;
		flex-flow: column;
		width: 100%;
		position: relative;
}
.input.current, .inputArea.current {
		padding: 16px 12px;
		border: 1px solid #E5E6E7;
		height: 48px;
		color: #0A0A0A;
}
@media only screen and (max-width: 767px) {
		.input.current, .inputArea.current {
				height: 38px;
				font-size: 16px;
		}
}
.input.current.error, .inputArea.current.error {
		border-color: #FFA7B3;
}
.input.current::placeholder, .inputArea.current::placeholder {
		color: #ACACAC;
}
.input.current:focus, .inputArea.current:focus {
		border: 1px solid #E5E6E7;
}
.input.current:focus-visible, .inputArea.current:focus-visible {
		outline: none;
		box-shadow: none;
}
.input.current:disabled, .inputArea.current:disabled {
		background: #F2F2F2;
		color: #ACACAC;
}
.input.current + .error, .inputArea.current + .error {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.input.old, .inputArea.old {
		height: 35px;
		padding: 6px 12px;
		border: 1px solid #969696;
}
@media only screen and (max-width: 767px) {
		.input.old, .inputArea.old {
				height: 32px;
		}
}
.input.old::placeholder, .inputArea.old::placeholder {
		color: #969696;
}
.input.old:focus, .inputArea.old:focus {
		border: 1px solid #969696;
}
.input.old:focus-visible, .inputArea.old:focus-visible {
		outline: none;
		box-shadow: none;
}
.input.old .label, .inputArea.old .label {
		font-weight: 600;
		margin-bottom: 4px;
}
.input.old + .error, .inputArea.old + .error {
		font: 400 10px/140% var(--my-open-sans-regular);
		position: absolute;
		bottom: -14px;
		color: #d2233c;
		left: 0;
}

.inputArea {
		padding: 16px 12px;
		font: 400 14px/100% var(--my-open-sans-regular);
}

.select-label {
		margin-bottom: 6px;
		color: #8E8E93;
		display: block;
		font: 400 13px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.select-label {
				margin-bottom: 4px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.select-label {
				margin-bottom: 2px;
				font-size: 12px;
		}
}

.select {
		height: 100%;
		width: 100%;
}
.select__control {
		background: #fff !important;
}
.select__control__menu {
		background: #fff !important;
}
.select__control__menu-list {
		background-color: #fff !important;
}
.select__control {
		min-height: 48px !important;
		border: 1px solid #A5A8AA !important;
		border-radius: 4px !important;
		font: 400 14px/100% var(--my-open-sans-regular);
		color: #231F20;
		transition: border-color 0.2s ease-in-out;
		cursor: pointer !important;
}
@media only screen and (max-width: 767px) {
		.select__control {
				min-height: 32px !important;
				font-size: 14px !important;
		}
}
.select__control:hover {
		border: 1px solid #A5A8AA !important;
		box-shadow: none !important;
}
.select__control--is-focused {
		box-shadow: none !important;
}
.select__control--menu-is-open .custom-select__indicators svg {
		transform: rotate(180deg);
}
.select__control--is-disabled {
		background: #F2F2F2 !important;
		color: #ACACAC !important;
}
.select__indicators, .select__indicator {
		padding: 0 8px !important;
}
@media only screen and (max-width: 767px) {
		.select__indicators, .select__indicator {
				padding: 0 4px !important;
		}
}
.select__indicators svg, .select__indicator svg {
		width: 24px;
		min-width: 24px;
		transition: transform 0.2s ease-in-out;
}
.select__placeholder {
		font: 400 14px/100% var(--my-open-sans-regular);
		color: #8E8E93 !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.select__placeholder {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.select__placeholder {
				font-size: 12px;
		}
}
.select__indicator-separator {
		display: none;
}
.select__menu {
		border-radius: 0 !important;
		margin: 2px 0 !important;
		border: 0 none !important;
		padding: 0 !important;
}
.select__menu * {
		font-size: 16px;
		color: #191714 !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap !important;
		text-align: left !important;
}
@media only screen and (max-width: 767px) {
		.select__menu * {
				font-size: 14px !important;
		}
}
.select__menu-list {
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
}
.select__option {
		font-size: 16px;
		color: #191714 !important;
		overflow: visible !important;
		white-space: normal !important;
		padding: 10px 12px !important;
		cursor: pointer !important;
}
@media only screen and (max-width: 767px) {
		.select__option {
				font-size: 14px;
		}
}
.select__option--is-focused {
		background-color: #F1F1F4 !important;
}
.select__option--is-selected {
		background-color: #E5E6E7 !important;
		pointer-events: none !important;
}

.custom-select-wrap.error .custom-select__control {
		border-color: #FFA7B3 !important;
		font: 400 16px/100% var(--my-open-sans-regular);
}

.custom-select-wrap .select__control {
		font: 400 16px/125% var(--my-open-sans-regular) !important;
		border-radius: 4px !important;
		border: 1px solid #A5A8AA !important;
}
.custom-select-wrap .select__control--is-disabled {
		background: #F5F5F8 !important;
		color: #A5A8AA !important;
		border-color: #F5F5F8 !important;
}

.feedback-form .select input {
		height: 0;
}
.feedback-form .select__value-container {
		min-height: 48px;
		height: 48px;
		padding: 12px 16px;
		display: flex;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.feedback-form .select__value-container {
				padding: 6px 12px;
				min-height: 36px !important;
				height: 36px !important;
		}
}
@media only screen and (max-width: 767px) {
		.feedback-form .select__value-container {
				padding: 4px 8px;
				min-height: 32px !important;
				height: 32px !important;
		}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.feedback-form .select__single-value {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.feedback-form .select__single-value {
				font-size: 16px;
				line-height: 120% !important;
		}
}
.feedback-form .select__control {
		min-height: 48px !important;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.feedback-form .select__control {
				min-height: 36px !important;
		}
}
@media only screen and (max-width: 767px) {
		.feedback-form .select__control {
				min-height: 32px !important;
		}
}
.feedback-form .select__indicators, .feedback-form .select__indicator {
		padding: 0 6px !important;
}
@media only screen and (max-width: 991px) {
		.feedback-form .select__indicators, .feedback-form .select__indicator {
				padding: 0 4px !important;
		}
}
.feedback-form .select__indicators svg, .feedback-form .select__indicator svg {
		width: 24px;
		min-width: 24px;
		transition: transform 0.2s ease-in-out;
}
.feedback-form .select__indicators svg path, .feedback-form .select__indicator svg path {
		stroke: #838688;
}
.feedback-form .select__option {
		font-size: 14px;
		color: #231F20 !important;
		overflow: visible !important;
		white-space: normal !important;
		padding: 10px 12px !important;
		cursor: pointer !important;
		border-bottom: 1px solid #E5E6E7 !important;
}
@media only screen and (max-width: 767px) {
		.feedback-form .select__option {
				font-size: 12px;
				padding: 6px 12px !important;
		}
}
.feedback-form .select__option--is-focused {
		color: #d2233c !important;
		background-color: #fff !important;
}
.feedback-form .select__option--is-selected {
		color: #d2233c !important;
		background-color: #fff !important;
}
.feedback-form .select__menu {
		margin: 1px 0 !important;
		filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.13));
}
.feedback-form .select__menu-list {
		max-height: 200px !important;
}
@media only screen and (max-width: 767px) {
		.feedback-form .select__menu-list {
				max-height: 156px !important;
		}
}

.ReactModal__Overlay {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
}

.ReactModal__Overlay--after-open {
		opacity: 1;
}

.ReactModal__Overlay--before-close {
		opacity: 0;
}

.modal-custom-overlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		background: rgba(0, 0, 0, 0.5);
		z-index: 10;
		overflow-y: auto;
}

.modal-custom {
		outline: none;
		background: white;
		position: relative;
		width: 100%;
}

.ReactModal__Overlay.modal-custom-overlay {
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
		transform: translateX(100%);
		opacity: 0;
}

.ReactModal__Overlay--after-open.modal-custom-overlay {
		transform: translateX(0);
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
		opacity: 1;
}

.ReactModal__Overlay--before-close.modal-custom-overlay {
		transform: translateX(100%);
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
		opacity: 1;
}

.swiperPaginationProductCategory, .swiperPaginationProductRecommended, .swiperPaginationProductViewed {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		align-items: center;
		cursor: pointer;
		gap: 8px;
}
@media only screen and (max-width: 1199px) {
		.swiperPaginationProductCategory, .swiperPaginationProductRecommended, .swiperPaginationProductViewed {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.swiperPaginationProductCategory, .swiperPaginationProductRecommended, .swiperPaginationProductViewed {
				margin-top: 8px;
		}
}

.swiperPaginationProduct {
		display: none;
}
@media only screen and (max-width: 767px) {
		.swiperPaginationProduct {
				margin-top: 0;
				display: flex;
				justify-content: center;
				align-items: center;
		}
}
.swiperPaginationProductItem {
		width: 6px;
		height: 6px;
		border-radius: 100%;
		display: inline-block;
		margin: 0 3px;
		background: #DEDEDE;
		cursor: pointer;
}
.swiperPaginationProductItemActive {
		background: #d2233c;
		width: 6px;
		height: 6px;
}

.paginationItem {
		width: 40px;
		height: 4px;
		border-radius: 2px;
		display: inline-block;
		background: #E8E8E8;
		cursor: pointer;
}
@media only screen and (max-width: 1199px) {
		.paginationItem {
				width: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.paginationItem {
				width: 28px;
		}
}
.paginationItemActive {
		background: #2E323D;
}

.nav-next, .nav-prev {
		width: 40px;
		height: 40px;
		filter: drop-shadow(0px 0px 8px rgba(150, 150, 150, 0.3));
		border-radius: 100%;
		background-color: white;
		position: absolute;
		top: calc(50% - 40px);
		z-index: 1;
		padding: 0;
		border: none;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		color: #d2233c;
}
.nav-next:not(.disabled):hover, .nav-prev:not(.disabled):hover {
		color: #B9182F;
}
.nav-next:not(.disabled):focus, .nav-prev:not(.disabled):focus {
		color: #B9182F;
		filter: drop-shadow(0px 0px 8px rgba(210, 35, 60, 0.3));
}
.nav-next.disabled, .nav-next.lock, .nav-prev.disabled, .nav-prev.lock {
		display: none;
}

.nav-prev {
		left: -20px;
		transform: rotate(180deg);
}
@media only screen and (max-width: 1199px) {
		.nav-prev {
				display: none;
		}
}

.nav-next {
		right: -20px;
}
@media only screen and (max-width: 1199px) {
		.nav-next {
				display: none;
		}
}

.swiperPaginationMain {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		align-items: center;
		cursor: pointer;
		gap: 8px;
		min-height: 4px;
}
@media only screen and (max-width: 1199px) {
		.swiperPaginationMain {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.swiperPaginationMain {
				margin-top: 8px;
		}
}

.swiper-pagination-container {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		align-items: center;
		cursor: pointer;
		gap: 8px;
}
@media only screen and (max-width: 1199px) {
		.swiper-pagination-container {
				margin-top: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.swiper-pagination-container {
				margin-top: 20px;
		}
}

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

.toast-copy {
		background: rgba(62, 62, 67, 0.9);
		padding: 10px 20px;
		color: #fff;
		border-radius: 6px;
		font: 400 16px/140% var(--my-open-sans-regular);
}

.toast-copy-promo {
		background: rgba(62, 62, 67, 0.9);
		padding: 12px 20px;
		color: #fff;
		border-radius: 6px;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.toast-copy-promo {
				padding: 10px 16px;
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.toast-copy-promo {
				font-size: 13px;
				padding: 8px 12px;
		}
}

:root {
		--tooltip-text-color: $process-black;
		--tooltip-background-color: white;
		--tooltip-margin: 40px;
		--tooltip-arrow-size: 6px;
		--tooltip-margin-basket: 65px;
}

.Tooltip-Wrapper__Black_Before .Tooltip-Tip,
.Tooltip-Wrapper__Personal-Order .Tooltip-Tip {
		right: 50%;
		transform: translateX(50%);
		color: #fff;
		box-shadow: none;
		background-color: #555;
}
.Tooltip-Wrapper__Black_Before .Tooltip-Tip::before,
.Tooltip-Wrapper__Personal-Order .Tooltip-Tip::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: calc(var(--tooltip-arrow-size) * -1);
		border-width: var(--tooltip-arrow-size);
		border-style: solid;
		border-color: #555 transparent transparent transparent;
}

.Tooltip-Wrapper__Basket .Tooltip-Tip {
		right: 50%;
		transform: translateX(50%);
		color: #fff;
		box-shadow: none;
		background-color: rgba(62, 62, 67, 0.9);
		font: 600 11px/130% var(--my-open-sans-regular);
		white-space: initial;
		border-radius: 8px;
		width: 256px;
}
.Tooltip-Wrapper__Basket .Tooltip-Tip::before {
		content: " ";
		right: 1%;
		border: solid transparent;
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-width: var(--tooltip-arrow-size);
		margin-left: calc(var(--tooltip-arrow-size) * -1);
}
.Tooltip-Wrapper__Basket .Tooltip-Tip.bottom {
		bottom: calc(var(--tooltip-margin-basket) * -1);
}
.Tooltip-Wrapper__Basket .Tooltip-Tip.bottom::before {
		bottom: 100%;
		left: 50%;
		border-bottom-color: rgba(62, 62, 67, 0.9);
}
.Tooltip-Wrapper__Basket .Tooltip-Tip.left {
		left: auto;
		right: calc(100% + var(--tooltip-arrow-size));
		top: 50%;
		transform: translateX(0) translateY(-50%);
}
.Tooltip-Wrapper__Basket .Tooltip-Tip.left::before {
		left: auto;
		right: calc(var(--tooltip-arrow-size) * -2);
		top: 50%;
		transform: translateX(0) translateY(-50%);
		border-left-color: rgba(62, 62, 67, 0.9);
}

.Tooltip-Wrapper {
		display: inline-block;
		position: relative;
}

.Tooltip-Tip {
		position: absolute;
		border-radius: 4px;
		right: 0;
		padding: 8px 16px;
		color: var(--tooltip-text-color);
		background: var(--tooltip-background-color);
		font-size: 13px;
		line-height: 1;
		z-index: 100;
		white-space: nowrap;
		box-shadow: 0 0 8px 0 rgba(150, 150, 150, 0.3);
}
.Tooltip-Tip.top {
		top: calc(var(--tooltip-margin) * -1);
}
.Tooltip-Tip.right {
		left: calc(100% + var(--tooltip-margin));
		top: 50%;
		transform: translateX(0) translateY(-50%);
}
.Tooltip-Tip.bottom {
		bottom: calc(var(--tooltip-margin) * -1);
}
.Tooltip-Tip.left {
		left: auto;
		right: calc(100% + var(--tooltip-margin));
		top: 50%;
		transform: translateX(0) translateY(-50%);
}

.Tooltip-Wrapper__Personal-Order .Tooltip-Tip {
		max-width: 120px;
		top: -90px;
		white-space: initial;
}

.staticContent {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent {
				font-size: 13px;
		}
}
.staticContent p {
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent p {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent p {
				font-size: 13px;
		}
}
.staticContent p + p {
		margin-top: 28px;
}
@media only screen and (max-width: 991px) {
		.staticContent p + p {
				margin-top: 16px;
		}
}
.staticContent b {
		font-weight: 600;
}
.staticContent h2 {
		font: 600 32px/124% var(--my-open-sans-regular);
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent h2 {
				font-size: 24px;
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent h2 {
				font-size: 20px;
				margin-bottom: 16px;
		}
}
.staticContent h3 {
		font: 600 24px/140% var(--my-open-sans-regular);
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent h3 {
				font-size: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent h3 {
				font-size: 18px;
				margin-bottom: 20px;
		}
}
.staticContent h4 {
		font: 600 20px/140% var(--my-open-sans-regular);
		margin-bottom: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent h4 {
				font-size: 18px;
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent h4 {
				font-size: 16px;
				margin-bottom: 8px;
		}
}
.staticContent section + section {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent section + section {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent section + section {
				margin-top: 16px;
		}
}
.staticContent .subSection + .subSection {
		margin-top: 20px;
}
@media only screen and (max-width: 767px) {
		.staticContent .subSection + .subSection {
				margin-top: 16px;
		}
}
.staticContent a {
		text-decoration: underline;
		color: #d2233c;
		transition: color 0.3s;
		cursor: pointer;
}
.staticContent a:hover {
		color: #b11e33;
}

.staticContent ul,
.staticContent ol {
		position: relative;
		display: block;
		width: 100%;
		margin: 28px 0;
		padding: 0;
		list-style: none;
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ul,
		.staticContent ol {
				margin: 20px 0;
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ul,
		.staticContent ol {
				margin: 16px 0;
				font-size: 13px;
		}
}
.staticContent ul li + li,
.staticContent ol li + li {
		position: relative;
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ul li + li,
		.staticContent ol li + li {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ul li + li,
		.staticContent ol li + li {
				margin-top: 16px;
		}
}
.staticContent ul li + li p,
.staticContent ol li + li p {
		margin: 0;
}
.staticContent ul li + li p + p,
.staticContent ol li + li p + p {
		margin-top: 28px;
}
@media only screen and (max-width: 991px) {
		.staticContent ul li + li p + p,
		.staticContent ol li + li p + p {
				margin-top: 16px;
		}
}
.staticContent ul li {
		padding-left: 34px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ul li {
				padding-left: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ul li {
				padding-left: 22px;
		}
}
.staticContent ul li:before {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		background: #d2233c;
		border-radius: 100%;
		top: 8px;
		left: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ul li:before {
				top: 7px;
				left: 7px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ul li:before {
				top: 6px;
				left: 6px;
		}
}
.staticContent ol {
		counter-reset: li;
}
.staticContent ol li {
		padding-left: 36px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ol li {
				padding-left: 28px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ol li {
				padding-left: 24px;
		}
}
.staticContent ol li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: absolute;
		left: 8px;
		color: #d2233c;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.staticContent ol li:before {
				font-size: 14px;
				left: 7px;
		}
}
@media only screen and (max-width: 767px) {
		.staticContent ol li:before {
				font-size: 13px;
				left: 6px;
		}
}

.basketFieldLabel {
		font: 600 18px/120% var(--my-open-sans-regular);
		color: #191714;
		margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
		.basketFieldLabel {
				font-size: 14px;
		}
}
.basketField__description {
		font: 400 14px/120% var(--my-open-sans-regular);
		color: #B1B1B1;
}
@media only screen and (max-width: 767px) {
		.basketField__description {
				font-size: 12px;
				line-height: 140%;
		}
}
.basketFieldError {
		font-family: var(--my-open-sans-regular);
		margin-top: 4px;
		color: #FFA7B3;
		font-size: 14px;
}
@media only screen and (max-width: 767px) {
		.basketFieldError {
				font-size: 12px;
		}
}

.preloader-wrap {
		min-height: 100px;
		position: relative;
}

.disable-grayscale {
		filter: grayscale(100%);
		opacity: 0.5;
		pointer-events: none;
}

.disable-loading {
		opacity: 0.5;
		pointer-events: none;
}

.disable-event {
		pointer-events: none;
}

.custom-input,
.custom-textarea {
		max-width: 100%;
		width: 100%;
		height: 48px;
		padding: 12px 16px;
		border: 1px solid #E5E6E7;
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #0A0A0A;
		border-radius: 0;
}
@media only screen and (max-width: 767px) {
		.custom-input,
		.custom-textarea {
				height: 32px;
				font-size: 16px;
				padding: 8px;
		}
}
.custom-input--small,
.custom-textarea--small {
		max-width: 280px;
}
.custom-input--error,
.custom-textarea--error {
		border-color: #FFA7B3;
}
.custom-input::placeholder,
.custom-textarea::placeholder {
		color: #ACACAC;
}
.custom-input:focus,
.custom-textarea:focus {
		border: 1px solid #E5E6E7;
}
.custom-input:focus-visible,
.custom-textarea:focus-visible {
		outline: none;
		box-shadow: none;
}
.custom-input:disabled,
.custom-textarea:disabled {
		background: #F2F2F2;
		color: #ACACAC;
}

.custom-textarea {
		white-space: pre-wrap;
		height: auto;
		resize: none;
}
@media only screen and (max-width: 767px) {
		.custom-textarea {
				height: auto;
		}
}

.input-component__wrap {
		position: relative;
}
.input-component__placeholder {
		position: absolute;
		content: "";
		left: 12px;
		top: 50%;
		transform: translate(0, -50%);
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #A5A4A4;
		margin: 0;
		opacity: 1;
		transition: opacity 0.3s;
		z-index: -1;
}
@media only screen and (max-width: 767px) {
		.input-component__placeholder {
				font-size: 14px;
		}
}
.input-component__placeholder.hidden {
		opacity: 0;
		z-index: -1;
}
.input-component__placeholder span {
		color: #d2233c;
}
.input-component__error {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.input-component__counter {
		position: absolute;
		font: 400 12px/100% var(--my-open-sans-regular);
		color: #64686B;
		right: 10px;
		bottom: 10px;
}
.input-component__area {
		border: 1px solid #E5E6E7;
		padding-bottom: 20px;
}
.input-component__area .custom-textarea {
		padding-bottom: 2px;
		resize: none;
		overflow: hidden;
		min-height: 50px;
		border-color: transparent;
}
.input-component__area .custom-textarea--error {
		border-color: transparent;
}
.input-component__area .custom-textarea:focus {
		border-color: transparent;
}

.datepicker {
		position: relative;
}
.datepicker input {
		font: 400 14px/140% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.datepicker input {
				font-size: 16px;
		}
}
.datepicker .react-datepicker {
		border: none;
		box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		padding: 16px;
		width: 268px;
		border-radius: 2px;
}
.datepicker .react-datepicker__input-container {
		position: relative;
		cursor: pointer;
}
.datepicker .react-datepicker__input-container:after {
		position: absolute;
		content: "";
		right: 6px;
		top: 6px;
		width: 24px;
		height: 24px;
		background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0YxRjFGNCIvPgo8cmVjdCB4PSI2Ljc1IiB5PSI2Ljc1IiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMC41IiByeD0iMS4yNSIgc3Ryb2tlPSIjOEU4RTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDZWOCIgc3Ryb2tlPSIjOEU4RTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA2VjgiIHN0cm9rZT0iIzhFOEU5MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcgMTFMNyAxMSIgc3Ryb2tlPSIjOEU4RTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAxNEwxMCAxNCIgc3Ryb2tlPSIjOEU4RTkzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat;
}
.datepicker .react-datepicker__input-container .input {
		padding-right: 32px !important;
		padding-left: 16px !important;
		height: 36px !important;
		border-radius: 4px !important;
		border: 1px solid #A5A8AA !important;
		outline: none !important;
}
@media only screen and (max-width: 767px) {
		.datepicker .react-datepicker__input-container .input {
				padding-left: 8px !important;
		}
}
.datepicker .react-datepicker__input-container .input.react-datepicker-ignore-onclickoutside {
		border-color: #8E8E93 !important;
}
.datepicker .react-datepicker__input-container:has(.input.react-datepicker-ignore-onclickoutside):after {
		background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0iI0QyMjMzQyIvPgo8cmVjdCB4PSI2Ljc1IiB5PSI2Ljc1IiB3aWR0aD0iMTAuNSIgaGVpZ2h0PSIxMC41IiByeD0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSA2VjgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1IDZWOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcgMTFMNyAxMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQgMTRMMTAgMTQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") no-repeat;
}
.datepicker .react-datepicker__header {
		border-bottom: none;
		background: white;
		border-bottom: 0 none;
		padding: 0;
}
.datepicker .react-datepicker__month-container {
		width: 100%;
}
.datepicker .react-datepicker__day-names {
		color: #B2B5B8;
		display: flex;
		justify-content: space-between;
		font: 400 13px/140% var(--my-open-sans-regular);
		text-transform: capitalize;
}
.datepicker .react-datepicker__day-name {
		height: 32px;
		min-width: 32px;
		max-width: 32px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #B2B5B8;
}
@media only screen and (max-width: 1199px) {
		.datepicker .react-datepicker__day-name {
				height: 24px;
				width: 24px;
				min-width: 24px;
				max-width: 24px;
		}
}
.datepicker .react-datepicker__year-wrapper {
		max-width: 100%;
}
.datepicker .react-datepicker__month {
		width: 100%;
		margin: 0;
}
.datepicker .react-datepicker__navigation-icon::before {
		border-width: 2px 2px 0 0;
		border-color: #313649;
		width: 6px;
		height: 6px;
}
.datepicker .react-datepicker__week {
		display: flex;
		justify-content: space-between;
}
.datepicker .react-datepicker__day {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		height: 32px;
		width: 32px;
		min-width: 32px;
		max-width: 32px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 50%;
		transition: all 0.3s ease;
		cursor: pointer;
}
@media only screen and (max-width: 1199px) {
		.datepicker .react-datepicker__day {
				height: 24px;
				width: 24px;
				min-width: 24px;
				max-width: 24px;
		}
}
.datepicker .react-datepicker__day:hover {
		background-color: #d2233c;
		border-radius: 50%;
		color: white;
}
.datepicker .react-datepicker__day--outside-month {
		color: #A5A8AA;
}
.datepicker .react-datepicker__day--disabled {
		pointer-events: none;
}
.datepicker .react-datepicker__day--highlighted {
		background-color: grey;
		color: firebrick;
}
.datepicker .react-datepicker__day--keyboard-selected, .datepicker .react-datepicker__day--selected {
		background-color: #d2233c;
		color: white;
}
.datepicker .react-datepicker__day--keyboard-selected:hover, .datepicker .react-datepicker__day--selected:hover {
		background-color: #b11e33;
		color: white;
}
.datepicker .react-datepicker__day:nth-child(7), .datepicker .react-datepicker__day:nth-child(6) {
		color: #d2233c;
}
.datepicker .react-datepicker__day:nth-child(7):hover, .datepicker .react-datepicker__day:nth-child(6):hover {
		color: white;
}
.datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--keyboard-selected, .datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--selected, .datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--today, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--keyboard-selected, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--selected, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--today {
		color: white;
}
.datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--keyboard-selected:hover, .datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--selected:hover, .datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--today:hover, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--keyboard-selected:hover, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--selected:hover, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--today:hover {
		color: white;
}
.datepicker .react-datepicker__day:nth-child(7).react-datepicker__day--outside-month, .datepicker .react-datepicker__day:nth-child(6).react-datepicker__day--outside-month {
		color: #d2233c;
}
.datepicker .react-datepicker__day-name,
.datepicker .react-datepicker__day,
.datepicker .react-datepicker__time-name {
		margin: 0.1em;
}
.datepicker .react-datepicker__header--custom {
		margin-bottom: 8px;
}
.datepicker .react-datepicker__header--custom__current-date {
		font: 400 14px/140% var(--my-open-sans-regular);
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.datepicker .react-datepicker__header--custom__current-date button {
		border: none;
		background: none;
		outline: none;
		cursor: pointer;
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
}
.datepicker .react-datepicker__header--custom__current-date__month {
		display: inline-block;
		margin-right: 2px;
		text-transform: capitalize;
}
.datepicker .react-datepicker__header--custom__current-date__year {
		display: inline-block;
		text-transform: uppercase;
		margin-left: 2px;
}
.datepicker .react-datepicker__triangle {
		opacity: 0;
}
.datepicker .react-datepicker__month-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
}
.datepicker .react-datepicker__month-text {
		width: 33.3333333333% !important;
		margin: 0 !important;
		height: 40px;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		text-align: center;
		transition: all 0.3s ease;
		border-radius: 0;
		cursor: pointer;
		font-weight: 400;
		color: #A5A8AA;
		background: white;
}
.datepicker .react-datepicker__month-text:hover {
		color: white;
		background-color: #d2233c;
		border-radius: 0;
}
.datepicker .react-datepicker__month-text--keyboard-selected,
.datepicker .react-datepicker__month-text--selected,
.datepicker .react-datepicker__month-text--today,
.datepicker .react-datepicker__month--selected {
		color: white;
		background: #d2233c;
}
.datepicker .react-datepicker__month-text--keyboard-selected:hover,
.datepicker .react-datepicker__month-text--selected:hover,
.datepicker .react-datepicker__month-text--today:hover,
.datepicker .react-datepicker__month--selected:hover {
		color: white;
		background-color: #3C5399 !important;
		border-radius: 0;
}
.datepicker .react-datepicker__year {
		margin: 0;
}
.datepicker .react-datepicker__year-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
}
.datepicker .react-datepicker__year-text--keyboard-selected,
.datepicker .react-datepicker__year-text--selected {
		color: white;
		background: #d2233c;
}
.datepicker .react-datepicker__year-text--keyboard-selected:hover,
.datepicker .react-datepicker__year-text--selected:hover {
		color: white;
		background-color: #3C5399 !important;
		border-radius: 0;
}
.datepicker .react-datepicker__year-text--disabled {
		opacity: 0.5;
		pointer-events: none;
}

.react-datepicker__day--in-range {
		color: white !important;
}

.yearPicker .react-datepicker__header--custom__current-date__month {
		display: none !important;
}
.yearPicker .react-datepicker__header {
		display: none !important;
}