/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/atoms/Forms/Button/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_button__ZPFJd {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  background-color: rgba(62, 89, 246, 0.8);
  color: #fff;
  width: fit-content;
  padding: 7px 15px;
  border-radius: 12px;
  cursor: pointer;
  transition: 0.1s ease-in;
}
.style_button__ZPFJd.style_delete__vtbkg {
  background-color: rgba(244, 76, 76, 0.8);
}
.style_button__ZPFJd.style_delete__vtbkg:hover {
  background-color: rgb(244, 76, 76);
}
.style_button__ZPFJd:hover {
  background-color: rgb(62, 89, 246);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/atoms/Forms/Input/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_apmInput__766A9 {
  position: relative;
}
.style_apmInput__766A9.style_active__UZ6Vd label {
  color: #0073e1;
}
.style_apmInput__766A9 input {
  outline: none;
}
.style_apmInput__766A9 input:focus-within, .style_apmInput__766A9 input:focus, .style_apmInput__766A9 input:active {
  outline: none;
}
.style_apmInput__766A9 input:focus + .style_apmInputLabel__XVRl6.style_withTransparent___mkLg {
  background-color: #fff;
  border-radius: 8px;
}
.style_apmInput__766A9 .style_apmInputLabel__XVRl6 {
  position: absolute;
  top: -8px;
  left: 15px;
  color: #0073e1;
  font-size: 12px;
  background-color: #fff;
  padding: 0 5px;
  z-index: 10;
}
.style_apmInput__766A9 .style_apmInputLabel__XVRl6.style_withTransparent___mkLg {
  background-color: transparent;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/forms.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.forms_apmInput__lBXqy {
  outline: none;
  box-shadow: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  height: 40px;
  color: #3F434A;
}
.forms_apmInput__lBXqy:active, .forms_apmInput__lBXqy:focus, .forms_apmInput__lBXqy:focus-within, .forms_apmInput__lBXqy:focus-visible {
  outline: none;
  box-shadow: none;
}
.forms_apmInput__lBXqy::placeholder {
  color: #3F434A;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/blocks.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes blocks_loading-keyframe__7XGFv {
  from {
    background: linear-gradient(90deg, rgb(219, 211, 211) 0%, rgba(219, 211, 211, 0.2035407913) 100%);
  }
  to {
    background: linear-gradient(90deg, rgba(219, 211, 211, 0.2035407913) 0%, rgb(219, 211, 211) 100%);
  }
}
.blocks_greyLoad__maYnl {
  position: relative;
}
.blocks_greyLoad__maYnl::after {
  display: block;
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  animation: blocks_loading-keyframe__7XGFv 2s;
  background: rgb(219, 211, 211);
  background: linear-gradient(90deg, rgb(219, 211, 211) 0%, rgba(219, 211, 211, 0.2035407913) 100%);
}

.blocks_headerRow__NYca6 {
  display: grid;
  align-items: center;
  grid-template-columns: 320px 150px 1fr 150px 370px;
  gap: 10px;
  background-color: #fff;
  height: 60px;
  box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.02);
}
@media (max-width: 1400px) {
  .blocks_headerRow__NYca6 {
    display: grid;
    align-items: center;
    grid-template-columns: 320px 150px 1fr 150px 290px;
  }
}
.blocks_headerRow__NYca6 > div:nth-child(1) {
  padding-left: 25px;
}

.blocks_searchRow__HYzci {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr;
  border-right: 1px solid #EDEDED;
}
.blocks_searchRow__HYzci:last-child {
  border-right: none;
}
.blocks_searchRow__HYzci.blocks_withAdd___tu87 {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr 40px;
}
.blocks_searchRow__HYzci.blocks_withHome__4sR0M {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 40px 1fr;
}
.blocks_searchRow__HYzci.blocks_withHome__4sR0M > div:first-child {
  cursor: pointer;
}
.blocks_searchRow__HYzci.blocks_withHome__4sR0M .blocks_isHome__uRrXh {
  color: #0073e1;
  font-weight: 500;
}
.blocks_searchRow__HYzci.blocks_withHome__4sR0M.blocks_withAdd___tu87 {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 40px 1fr 40px;
}
.blocks_searchRow__HYzci.blocks_withAddSearchType__Ke_Vs {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr 120px 40px;
}
.blocks_searchRow__HYzci.blocks_withAddSearchType__Ke_Vs > div:nth-child(3) {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow-x: hidden;
  cursor: pointer;
}
.blocks_searchRow__HYzci > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blocks_mainGrid__tkTcc {
  display: grid;
  grid-template-columns: 264px 1fr 350px;
  margin: 20px 20px 0;
  grid-column-gap: 20px;
}
@media (max-width: 1400px) {
  .blocks_mainGrid__tkTcc {
    grid-column-gap: 10px;
    margin: 5px 5px 0;
    grid-template-columns: 264px 1fr 280px;
  }
}
.blocks_mainGrid__tkTcc .blocks_leftScrollPart__S__EA {
  overflow: hidden;
  height: calc(100vh - 60px - 500px);
  position: relative;
}
@media (max-width: 1400px) {
  .blocks_mainGrid__tkTcc .blocks_leftScrollPart__S__EA {
    height: calc(100vh - 60px - 365px);
  }
}
.blocks_mainGrid__tkTcc .blocks_leftScrollPart__S__EA .blocks_lettScrollContent__MGcQl {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.blocks_mainGrid__tkTcc .blocks_moreLink__rPS6g {
  color: #0073e1;
  text-align: center;
  display: block;
  text-decoration: underline;
  text-underline-position: under;
}
.blocks_mainGrid__tkTcc .blocks_rightScrollPart__2Ix0A {
  overflow-y: scroll;
  height: calc(100vh - 60px - 20px);
}
.blocks_mainGrid__tkTcc .blocks_middleScrollPart__BRb9F {
  overflow-y: scroll;
  height: calc(100vh - 60px - 20px - 60px);
}

.blocks_homeIcon__gVGDN {
  position: relative;
  cursor: pointer;
}
.blocks_homeIcon__gVGDN span {
  position: absolute;
  top: -8px;
  right: 0;
  background: #0073e1;
  color: #fff;
  width: 18px;
  height: 18px;
  font-size: 11px;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blocks_draggedBlock__ob1Ns {
  background: #fff;
  box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.02);
  padding: 15px 10px;
  display: flex;
  gap: 10px;
  cursor: pointer;
  position: fixed;
  z-index: 99999999999;
}

.blocks_splashScreen__ilYbk {
  z-index: 99999999999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  color: #3F434A;
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 28px;
  text-align: center;
}
.blocks_splashScreen__ilYbk > div {
  margin: 0 auto;
}

.blocks_headerSearchRow__1fA_Z {
  position: relative;
}

.blocks_clearFilter___xsro {
  position: absolute;
  right: 50px;
  top: 5px;
  background-color: rgba(112, 207, 155, 0.3607843137);
  padding: 3px 7px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/atoms/Forms/Search/styles.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_searchFieldWrapper__ogw7L {
  position: relative;
}
.styles_searchFieldWrapper__ogw7L .styles_searchTypeSelect__wC0aq {
  position: absolute;
  top: calc(100% - 10px);
  left: 39px;
  color: #0073e1;
  font-size: 14px;
  cursor: pointer;
}
.styles_searchFieldWrapper__ogw7L .styles_searchTypeSelect__wC0aq:hover {
  text-decoration: underline;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/system/card.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.card_previewCard__sMQQt {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
  padding: 25px 15px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  position: relative;
}
.card_previewCard__sMQQt.card_highlight__vg4yR {
  background-color: rgba(0, 115, 225, 0.15);
  padding: 15px 15px;
  font-size: 14px;
}
.card_previewCard__sMQQt.card_withLinks__EvI1L {
  padding: 0;
}
.card_previewCard__sMQQt.card_withLinks__EvI1L .card_linkRow__KcFpR {
  height: 40px;
  background-color: rgba(0, 115, 225, 0.15);
  padding: 15px 10px;
}
.card_previewCard__sMQQt .card_flexCar__T1NEv {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card_previewCard__sMQQt.card_selected__JYx7B {
  background-color: rgba(112, 207, 155, 0.3607843137);
}
.card_previewCard__sMQQt .card_muted__loPyI {
  color: #8A9099;
  font-size: 14px;
}
.card_previewCard__sMQQt .card_detailedRow__ogeV3 {
  padding: 0 10px;
}
.card_previewCard__sMQQt > div.card_propsTabs__slvv_ {
  grid-area: props;
}
@media (max-width: 1400px) {
  .card_previewCard__sMQQt > div.card_propsTabs__slvv_ {
    font-size: 14px;
  }
}
.card_previewCard__sMQQt > div.card_propsTabs__slvv_ > div {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-column-gap: 5px;
}
@media (max-width: 1400px) {
  .card_previewCard__sMQQt > div.card_propsTabs__slvv_ > div {
    grid-template-columns: 0.3fr 1fr;
  }
}
.card_previewCard__sMQQt > div.card_propsTabs__slvv_ > div > div:first-child {
  color: #8A9099;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/layouts/MiddleLayout/view/MenuView/menu.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.menu_middleMenuTabs__OJWZF {
  display: flex;
  column-gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .menu_middleMenuTabs__OJWZF {
    font-size: 14px;
  }
}
.menu_middleMenuTabs__OJWZF > div {
  padding: 7px 15px;
  border-radius: 8px;
  background: #fafafa;
  cursor: pointer;
  transition: 0.3s ease-in;
  display: flex;
  align-items: center;
}
.menu_middleMenuTabs__OJWZF > div.menu_active__u4R1E, .menu_middleMenuTabs__OJWZF > div:hover {
  background: #0073e1;
  color: #fff;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/content/buyer.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.buyer_buyerCard__yvVUy {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 15px;
  display: grid;
  grid-template-columns: 48px 32px 1fr;
  grid-template-rows: 26px 32px 1fr;
  grid-template-areas: "avatar name name" "avatar tags tags" "props props props";
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.buyer_buyerCard__yvVUy > div.buyer_avatar__RyIxQ {
  grid-area: avatar;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buyer_buyerCard__yvVUy > div.buyer_name__0vbnC {
  grid-area: name;
}
.buyer_buyerCard__yvVUy > div.buyer_tags__u_vGw {
  grid-area: tags;
  display: flex;
  column-gap: 15px;
}
.buyer_buyerCard__yvVUy > div.buyer_props__RXER0 {
  grid-area: props;
}
@media (max-width: 1400px) {
  .buyer_buyerCard__yvVUy > div.buyer_props__RXER0 {
    font-size: 14px;
  }
}
.buyer_buyerCard__yvVUy > div.buyer_props__RXER0 > div {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-column-gap: 5px;
}
@media (max-width: 1400px) {
  .buyer_buyerCard__yvVUy > div.buyer_props__RXER0 > div {
    grid-template-columns: 0.3fr 1fr;
  }
}
.buyer_buyerCard__yvVUy > div.buyer_props__RXER0 > div > div:first-child {
  color: #8A9099;
}

.buyer_textMuted__pmF0G {
  color: #8A9099;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/sale/transaction.card.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.transaction_card_transactionRowCard__o2g5A {
  background-color: rgba(112, 207, 155, 0.3607843137);
  padding: 10px 15px;
  display: grid;
  grid-template-columns: 90px 143px;
  align-items: center;
  width: 100%;
  font-size: 14px;
  cursor: pointer;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.transaction_card_transactionRowCard__o2g5A > div:first-child {
  justify-content: center;
}
.transaction_card_transactionRowCard__o2g5A.transaction_card_minus__5xB37 {
  background-color: rgba(229, 110, 25, 0.15);
  color: #3F434A;
}
.transaction_card_transactionRowCard__o2g5A .transaction_card_cropped__32YZY {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transaction_card_transactionRowCard__o2g5A .transaction_card_muted__JwVbh {
  color: #8A9099;
  font-size: 14px;
}

.transaction_card_transactionListCard__AjumC {
  background-color: rgba(112, 207, 155, 0.3607843137);
  padding: 10px 15px;
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  width: 100%;
  font-size: 14px;
  cursor: pointer;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.transaction_card_transactionListCard__AjumC > div:first-child {
  justify-content: center;
}
.transaction_card_transactionListCard__AjumC.transaction_card_minus__5xB37 {
  background-color: rgba(229, 110, 25, 0.15);
  color: #3F434A;
}
.transaction_card_transactionListCard__AjumC .transaction_card_cropped__32YZY {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transaction_card_transactionListCard__AjumC .transaction_card_muted__JwVbh {
  color: #8A9099;
  font-size: 14px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/sale/sale.card.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sale_card_saleCard__S1vaJ {
  display: grid;
  grid-template-columns: 30px 1fr 80px;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: "checkbox product quantity" "checkbox category price" "multi tags tags";
}
.sale_card_saleCard__S1vaJ .sale_card_areaCheckbox__E1Zmw {
  grid-area: checkbox;
}
.sale_card_saleCard__S1vaJ .sale_card_areaProduct__iLCOF {
  grid-area: product;
}
.sale_card_saleCard__S1vaJ .sale_card_areaQuantity__HDgPE {
  grid-area: quantity;
}
.sale_card_saleCard__S1vaJ .sale_card_areaCategory__yHSMo {
  grid-area: category;
}
.sale_card_saleCard__S1vaJ .sale_card_areaPrice__HnUAk {
  grid-area: price;
}
.sale_card_saleCard__S1vaJ .sale_card_areaMulti__MPkos {
  grid-area: multi;
}
.sale_card_saleCard__S1vaJ .sale_card_areaTags__MTHq9 {
  grid-area: tags;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/sale/credit.card.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.credit_card_creditCardList__raJP5 {
  position: relative;
  margin-top: 30px;
}
.credit_card_creditCardList__raJP5 > div {
  position: absolute;
  left: 0;
  top: 0;
}

.credit_card_creditCard__of0l2 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.credit_card_creditCard__of0l2:not(.credit_card_last__eeOqx):hover {
  transition: 0.3s ease-in;
  transform: translateY(-10px);
}
.credit_card_creditCard__of0l2 > div.credit_card_title__Uht3r {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
  color: #fff;
}
.credit_card_creditCard__of0l2 > div.credit_card_balance__IkFFV {
  position: absolute;
  top: 43px;
  left: 10px;
  z-index: 1;
  color: #fff;
  font-size: 14px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/system/user.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user_currencies__kQeoU {
  padding-left: 55px;
  padding-top: 10px;
  font-size: 14px;
}

.user_userInfo__GDVlL {
  display: grid;
  grid-template-columns: 46px 1fr 24px;
  grid-template-rows: 23px 23px;
  grid-column-gap: 10px;
  grid-template-areas: "avatar name setting" "avatar email setting";
  align-items: center;
  cursor: pointer;
}
.user_userInfo__GDVlL > div:nth-child(1) {
  grid-area: avatar;
  position: relative;
  cursor: pointer;
}
.user_userInfo__GDVlL > div:nth-child(1) > div {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #FF965D;
  color: #fff;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 17px;
  height: 17px;
}
.user_userInfo__GDVlL > div:nth-child(2) {
  grid-area: name;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.user_userInfo__GDVlL > div:nth-child(3) {
  grid-area: email;
  color: #8A9099;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.user_userInfo__GDVlL > div:nth-child(4) {
  grid-area: setting;
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/system/dropdown.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dropdown_Content__u1hmC,
.dropdown_SubContent___eim4 {
  min-width: 220px;
  background-color: white;
  border-radius: 6px;
  padding: 5px;
  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.dropdown_Content__u1hmC[data-side=top],
.dropdown_SubContent___eim4[data-side=top] {
  animation-name: dropdown_slideDownAndFade__QbDLN;
}
.dropdown_Content__u1hmC[data-side=right],
.dropdown_SubContent___eim4[data-side=right] {
  animation-name: dropdown_slideLeftAndFade__wT_8f;
}
.dropdown_Content__u1hmC[data-side=bottom],
.dropdown_SubContent___eim4[data-side=bottom] {
  animation-name: dropdown_slideUpAndFade__z7a2S;
}
.dropdown_Content__u1hmC[data-side=left],
.dropdown_SubContent___eim4[data-side=left] {
  animation-name: dropdown_slideRightAndFade__nqxR7;
}

.dropdown_Item__8sLmQ,
.dropdown_CheckboxItem__zbBdz,
.dropdown_RadioItem__2EshE,
.dropdown_SubTrigger__qpv_b {
  font-size: 13px;
  line-height: 1;
  color: var(--violet-11);
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 25px;
  padding: 0 5px;
  position: relative;
  padding-left: 25px;
  user-select: none;
  outline: none;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.dropdown_Item__8sLmQ:hover,
.dropdown_CheckboxItem__zbBdz:hover,
.dropdown_RadioItem__2EshE:hover,
.dropdown_SubTrigger__qpv_b:hover {
  background: #0073e1;
  color: #fff;
}
.dropdown_Item__8sLmQ[data-disabled],
.dropdown_CheckboxItem__zbBdz[data-disabled],
.dropdown_RadioItem__2EshE[data-disabled],
.dropdown_SubTrigger__qpv_b[data-disabled] {
  color: var(--mauve-8);
  pointer-events: none;
}
.dropdown_Item__8sLmQ[data-highlighted],
.dropdown_CheckboxItem__zbBdz[data-highlighted],
.dropdown_RadioItem__2EshE[data-highlighted],
.dropdown_SubTrigger__qpv_b[data-highlighted] {
  background-color: var(--violet-9);
  color: var(--violet-1);
}

.dropdown_SubTrigger__qpv_b[data-state=open]:not([data-highlighted], [data-disabled]) {
  background-color: var(--violet-4);
  color: var(--violet-11);
}

.dropdown_Label__L_zzG {
  padding-left: 25px;
  font-size: 12px;
  line-height: 25px;
  color: var(--mauve-11);
}

.dropdown_Separator__qi7yX {
  height: 1px;
  background-color: var(--violet-6);
  margin: 5px;
}

.dropdown_ItemIndicator__Urv_k {
  position: absolute;
  left: 0;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dropdown_Arrow__dKHNp {
  fill: white;
}

.dropdown_IconButton__Atknr {
  all: unset;
  font-family: inherit;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--violet-11);
  background-color: white;
  box-shadow: 0 2px 10px var(--black-a7);
  user-select: none;
}
.dropdown_IconButton__Atknr:hover {
  background-color: var(--violet-3);
}
.dropdown_IconButton__Atknr:focus {
  box-shadow: 0 0 0 2px black;
}

.dropdown_RightSlot__S5Tt3 {
  margin-left: auto;
  padding-left: 20px;
  color: var(--mauve-11);
}
[data-highlighted] > .dropdown_RightSlot__S5Tt3 {
  color: white;
}
[data-disabled] .dropdown_RightSlot__S5Tt3 {
  color: var(--mauve-8);
}

@keyframes dropdown_slideUpAndFade__z7a2S {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dropdown_slideRightAndFade__nqxR7 {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes dropdown_slideDownAndFade__QbDLN {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dropdown_slideLeftAndFade__wT_8f {
  from {
    opacity: 0;
    transform: translateX(2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.dropdown_removeItem__gKn_M {
  color: #a50000;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Buyer/BuyerEdit/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_idField__08a29 {
  color: #8A9099;
  font-size: 10px;
  margin-bottom: 20px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/system/switch.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.switch_apmSwitch__8dTiZ {
  display: flex;
  align-items: center;
  border: 1px solid #EDEDED;
  width: fit-content;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  overflow: hidden;
}
.switch_apmSwitch__8dTiZ > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  border: 1px solid transparent;
  position: relative;
}
.switch_apmSwitch__8dTiZ > a.switch_active__vIhAt {
  background-color: #0073e1;
  color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Notes/view/NoteCreate/styles.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_mainNote__LcvMz {
  min-height: 90px;
  background-color: #f7f7f7;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 8px;
}

.styles_newNote__Der_L textarea {
  border: 1px solid #0073e1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Notes/view/NoteItem/styles.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_mainNote__qfj_V {
  min-height: 90px;
  background-color: #f7f7f7;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 8px;
}

.styles_newNote__ZVQtn {
  border: 1px solid #0073e1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Product/ProductList/view/ProductPreview/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_productPreviewGrid__RbBao {
  display: grid;
  grid-template-columns: 2fr 0.7fr 1.3fr;
  grid-template-rows: 30px 64px 1fr;
  grid-template-areas: "name price quantity" "category price quantity" "photo-tags actions actions";
}
@media (max-width: 1400px) {
  .style_productPreviewGrid__RbBao {
    grid-template-columns: 1fr 0.7fr 1.3fr;
    grid-template-rows: 30px auto 1fr;
  }
}
.style_productPreviewGrid__RbBao > div:nth-child(1) {
  grid-area: name;
  font-weight: 500;
}
.style_productPreviewGrid__RbBao > div:nth-child(2) {
  grid-area: category;
  font-weight: 300;
}
.style_productPreviewGrid__RbBao > div:nth-child(3) {
  grid-area: price;
  font-weight: 500;
  font-size: 18px;
}
.style_productPreviewGrid__RbBao > div:nth-child(4) {
  grid-area: quantity;
}
.style_productPreviewGrid__RbBao > div:nth-child(5) {
  grid-area: photo-tags;
  display: grid;
  grid-template-rows: 40px 1fr;
}
.style_productPreviewGrid__RbBao > div:nth-child(5) > div:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300;
}
.style_productPreviewGrid__RbBao > div:nth-child(5) > div:nth-child(2) {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}
.style_productPreviewGrid__RbBao > div:nth-child(5) > div:nth-child(2) div {
  overflow: hidden;
  cursor: pointer;
}
.style_productPreviewGrid__RbBao > div:nth-child(5) > div:nth-child(2) img {
  width: 80px;
  border-radius: 8px;
}
.style_productPreviewGrid__RbBao > div:nth-child(6) {
  grid-area: actions;
}

.style_oldPrice__U8pSr {
  text-decoration: line-through;
}

.style_newPrice__xOzL8 {
  font-weight: 500;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Product/ProductList/view/ProductFinder/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_isEmpty__sSd7a {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  grid-template-rows: 400px;
  color: #8A9099;
  font-size: 20px;
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Product/ProductEdit/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_idField__4DK5y {
  color: #8A9099;
  font-size: 10px;
  margin-bottom: 20px;
}

.style_imageField__rISpJ {
  position: relative;
}
.style_imageField__rISpJ > div {
  position: absolute;
  bottom: 10px;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 7px 15px;
  border-radius: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Prepare/PrepareProductPreview/styles.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_prepareProductRow__1VUPv {
  position: relative;
  padding: 7px 10px;
}
.styles_prepareProductRow__1VUPv.styles_reserved__RftAI {
  background-color: rgba(255, 150, 93, 0.2);
}
.styles_prepareProductRow__1VUPv.styles_paid__9k3We {
  background-color: rgba(112, 207, 155, 0.3607843137);
}

.styles_prepareProductEan__BYUuA {
  font-size: 14px;
}

.styles_prepareProductCategory__LWFEx {
  font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/layouts/RightLayout/view/RightBuyers/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_buyerList__PNzZz {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Seller/SellerEdit/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_idField__unzH_ {
  color: #8A9099;
  font-size: 10px;
  margin-bottom: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Waybill/WaybillProductPreview/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_productWrapper__tKE7u {
  padding: 7px 10px;
}

.style_grnDotWrapper__U2urM {
  position: relative;
}
.style_grnDotWrapper__U2urM .style_grnDot__7WDNZ {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #0F67B1;
  z-index: 100;
  cursor: pointer;
}

.style_negative__WcJaE {
  color: #f81a1a;
  font-weight: 500;
}

.style_positive__kNoK5 {
  color: #70cf9b;
  font-weight: 500;
}

.style_productName__p5Cof {
  font-size: 12px;
}
.style_productName__p5Cof > div:first-child {
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Waybill/WaybillPreview/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_hiddenText__Rz3Aj {
  color: #8A9099;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Waybill/WaybillForm/styles.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_waybillSummary__z_4Ec {
  font-size: 14px;
  font-weight: 500;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Notifications/NotificationPreview/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_notification__IqWK5 {
  font-size: 16px;
  font-weight: 500;
}
.style_notification__IqWK5.style_success__kOSlf {
  background-color: #70cf9b;
}
.style_notification__IqWK5.style_error__OuJV9 {
  background-color: rgb(225, 131, 131);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Notifications/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_notificationWrapper__k2Jls {
  position: fixed;
  left: 30px;
  bottom: 40px;
  display: grid;
  grid-template-columns: 230px;
  grid-row-gap: 15px;
  z-index: 3000;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/organisms/Vins/VinsEdit/style.module.sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_idField__4VBLn {
  color: #8A9099;
  font-size: 10px;
  margin-bottom: 20px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[9].use[5]!./ui/styles/system/settings.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.settings_settingMenu__Iet5z {
  display: flex;
  flex-direction: column;
  margin-top: 120px;
  gap: 10px;
}
.settings_settingMenu__Iet5z > div {
  height: 45px;
  width: 100%;
  padding: 0 25px;
  cursor: pointer;
  background: rgba(0, 115, 225, 0.15);
  transition: 0.3s ease-out;
  align-items: center;
  display: flex;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.settings_settingMenu__Iet5z > div:hover, .settings_settingMenu__Iet5z > div.settings_active__Srgr7 {
  background: #0073e1;
  color: #fff;
}

.settings_priceGorupsList__riHf6 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.settings_priceGorupsList__riHf6 > div {
  display: grid;
  grid-template-columns: 1fr 0.5fr 70px 70px;
  background: rgba(0, 115, 225, 0.15);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.settings_priceGorupsList__riHf6 > div > div {
  padding: 0 15px;
  display: flex;
  align-items: center;
  height: 40px;
}

.settings_warehouseList__W0Qk_ {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.settings_warehouseList__W0Qk_ > div {
  display: grid;
  grid-template-columns: 1fr 230px 70px;
  background: rgba(0, 115, 225, 0.15);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.settings_warehouseList__W0Qk_ > div.settings_active__Srgr7 {
  background: rgba(112, 207, 155, 0.3607843137);
}
.settings_warehouseList__W0Qk_ > div > div {
  padding: 0 15px;
  display: flex;
  align-items: center;
  height: 40px;
}