/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  border: none; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

*:focus {
  outline: none; }

a {
  text-decoration: none; }

nav {
  list-style: none; }

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

@font-face {
  font-family: 'Monserrat';
  src: url("/static/fonts/montserrat-regular-webfont.woff2"), url("/static/fonts/montserrat-regular-webfont.woff"); }

@font-face {
  font-family: 'Monserrat_medium';
  src: url("/static/fonts/montserrat-medium-webfont.woff2"), url("/static/fonts/montserrat-medium-webfont.woff2"); }

@font-face {
  font-family: 'Monserrat_semibold';
  src: url("/static/fonts/montserrat-semibold-webfont.woff2"), url("/static/fonts/montserrat-semibold-webfont.woff"); }

body {
  min-width: 1100px;
  margin: 0; }

.main {
  display: flex;
  word-spacing: normal;
  flex-wrap: wrap;
  height: 100%; }

.workspace {
  display: flex;
  word-spacing: normal;
  flex-wrap: wrap;
  width: calc(100% - 12%);
  min-height: 100vh;
  padding: 40px 2vw;
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges;
  align-items: flex-start;
  height: max-content; }
  .workspace__recipe {
    justify-content: space-between;
    align-content: flex-start; }
    .workspace__recipe .product__dropdown {
      top: 230px; }
  .workspace__preference {
    justify-content: space-between;
    align-content: flex-start; }
  .workspace__product {
    justify-content: space-between;
    align-content: flex-start; }
  .workspace__profile {
    justify-content: space-between;
    align-content: flex-start; }

.navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  margin: 30px 0 0;
  width: 100%; }
  .navigation__item {
    padding: 10px 2vw;
    margin: 0 10px -11px; }

.menu {
  width: 12%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  position: sticky;
  top: 44px;
  z-index: 99; }
  .menu__icon {
    display: inline-block; }
  .menu__title {
    margin: 12px 0 30px;
    display: inline-block; }
  .menu__item {
    margin-bottom: 10px;
    display: block; }
    .menu__item-link {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .menu__item-logout {
      margin-top: auto;
      padding-top: 30px; }
  .menu__logo {
    margin: 0;
    width: 150px; }
    .menu__logo-group {
      position: relative;
      margin: 44px auto 60px;
      display: flex; }
  .menu__list {
    width: 75%;
    overflow-y: auto; }
    .menu__list_bottom {
      height: 102px;
      min-height: 102px;
      margin-bottom: 60px;
      overflow-y: hidden;
      margin-top: auto; }
  .menu__content {
    width: 100%;
    display: flex;
    align-items: center;
    top: 0;
    position: sticky;
    flex-direction: column;
    height: 100vh; }

.login {
  display: flex;
  word-spacing: normal;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 20px auto;
  width: Max(501px, 350px);
  padding: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box; }
  .login__title {
    min-width: 16vw;
    margin: 9px 0 28px; }
  .login__button {
    margin-top: 20px;
    width: Max(123px, 100%);
    justify-content: center; }
  .login__input {
    padding: 19px 24px;
    margin: 12px 0 0 0;
    display: block;
    width: 100%; }
    .login__input-phone {
      display: inline-block;
      width: 74.5%;
      padding: 12px 16px; }
    .login__input-code {
      display: inline-block;
      width: 20%;
      padding: 0;
      margin-right: 1vw;
      padding: 0px 25px; }
  .login__label {
    margin: 16px 0 21px;
    position: relative; }
  .login__header {
    width: max-content;
    position: relative;
    display: flex;
    column-gap: 20px;
    align-items: center;
    padding: 20px 40px; }
    .login__header-logo {
      margin: 0;
      width: 150px; }
      .login__header-logo_small {
        margin: 30px auto 80px; }
    .login__header .commit {
      position: relative; }
      .login__header .commit__hint {
        top: 35px;
        left: -9px; }
  .login__text {
    text-align: center;
    margin: 28px 0 0; }
  .login__subtitle {
    margin-bottom: 12px; }
  .login__icon-back {
    margin-left: -20px;
    margin-top: -20px; }
  .login__icon-danger {
    position: absolute;
    right: 1vw;
    top: 73px; }

.modal {
  position: fixed;
  padding: 60px;
  overflow-y: auto;
  max-height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important; }
  .modal__create {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    top: auto;
    transform: none !important;
    height: 460px; }
    .modal__create .modal__button-group {
      margin-top: 30px; }
  .modal__close {
    margin-top: 30px; }
  .modal__button-group {
    display: flex;
    justify-content: space-between;
    column-gap: 2vw;
    margin-top: 20px; }
    .modal__button-group .button {
      width: 224px;
      justify-content: center; }
  .modal__title_align {
    text-align: center; }
  .modal__text {
    margin: 32px 0; }
    .modal__text_align {
      text-align: center; }
  .modal__logout-buttons {
    column-gap: 20px; }
  .modal__logout-button {
    padding: 16px 60px; }
    .modal__logout-button_outline {
      padding: 16px 40px; }
  .modal__logout-title {
    text-align: center; }
  .modal__logout-text {
    text-align: center; }
  .modal_xs {
    max-height: max-content; }
    .modal_xs .modal__title {
      text-align: center; }
    .modal_xs .modal__text {
      text-align: center; }
    .modal_xs .password__label {
      padding: 0;
      margin-bottom: 0;
      width: 100%;
      box-sizing: border-box; }
    .modal_xs .profile__alert {
      padding: 0 40px; }
    .modal_xs .button {
      width: 100%;
      justify-content: center; }
  .modal__list {
    display: flex;
    column-gap: 20px; }
  .modal_small .preference__form-label {
    width: 100%; }

.profile__button {
  margin-top: 16px;
  width: Max(123px, 100%);
  justify-content: center; }

.profile__input {
  padding: 19px 24px;
  margin: 12px 0 0 0;
  width: 100%;
  display: block; }
  .profile__input-phone {
    display: inline-block;
    width: 74.5%; }
  .profile__input-code {
    display: inline-block;
    width: 20%;
    padding: 0;
    margin-right: 1vw;
    padding: 0px 25px; }

.profile__label {
  margin: 16px 0 21px;
  position: relative; }
  .profile__label-modal {
    width: 100%;
    margin: 0 0 40px 0; }

.profile__title {
  width: 100%; }

.profile__article {
  padding: 60px;
  margin: 40px 2vw 40px 0;
  width: 25%; }
  .profile__article-history {
    width: 55%;
    position: relative; }

.profile__form {
  margin-top: 20px; }

.profile__change {
  margin: 16px 0 21px; }

.profile__alert {
  margin: -5px 0 10px; }

.profile__icon {
  position: absolute;
  right: 1vw;
  top: 50%; }

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

.users__button {
  margin-top: 40px;
  width: Max(123px, 100%);
  justify-content: center; }

.users__input {
  padding: 12px 16px;
  width: 100%;
  display: block; }
  .users__input-phone {
    display: inline-block;
    width: 74.5%; }
  .users__input-code {
    display: inline-block;
    width: 20%;
    padding: 0;
    margin-right: 1vw;
    padding: 0px 25px; }

.users__label {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 16px 0 21px;
  position: relative; }

.users__title {
  width: 100%; }

.users__article {
  padding: 60px;
  margin: 40px 2vw 40px 0;
  width: 25%;
  min-height: 400px; }
  .users__article-list {
    width: 60%;
    position: relative; }
  .users__article_full-width {
    width: 100%;
    margin-top: 0;
    position: relative; }

.users__form {
  margin-top: 35px; }

.users__table {
  margin-top: 35px; }
  .users__table-item {
    padding: 20px;
    text-align: center;
    vertical-align: middle; }
  .users__table-wrapper {
    height: 500px;
    overflow-y: auto;
    margin-top: 20px; }
  .users__table-title {
    padding-left: 2vw; }
  .users__table-header > :first-child {
    padding-left: 2vw; }
  .users__table-permission {
    padding-left: 2vw; }

.users__more {
  margin-top: 20px; }

.users__tab-title {
  display: flex;
  margin-bottom: 30px; }

.users__tab-icon {
  padding: 15px;
  margin: -10px 1vw 0 0; }

.users__tab-buttons {
  display: flex; }

.users__tab-button {
  margin-top: 30px;
  margin-left: auto;
  padding: 16px 40px 16px 40px; }
  .users__tab-button_margin {
    margin-left: 0;
    margin-right: auto; }

.users__tab-checkbox {
  width: 0vw;
  padding-left: 2vw;
  vertical-align: middle; }

.users__tab-content {
  margin-top: 10px; }

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

.users__content {
  margin-bottom: 8px; }

.error-handler {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important; }
  .error-handler_small {
    margin: 10% 0; }

.select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: Max(200px, 100%);
  min-height: 55px; }
  .select__container {
    position: relative; }
  .select__icon {
    margin-right: -5px; }
  .select__list {
    position: absolute;
    top: 40px;
    z-index: 20;
    left: 0;
    width: 100%;
    margin: 22px 0; }
  .select__item {
    padding: 12px 24px; }
  .select__search {
    position: relative;
    margin: 12px 0 0 0;
    min-height: 56px;
    box-sizing: border-box; }
    .select__search-icon {
      z-index: 10;
      position: absolute;
      right: 1vw;
      top: calc(50% - 3px); }
    .select__search-dropdown {
      position: absolute;
      box-sizing: border-box;
      left: -1px;
      z-index: 1;
      width: 100.5%;
      margin-top: 30px; }
    .select__search-option {
      padding: 12px 24px; }
    .select__search-input {
      width: 100%; }
  .select__choice {
    position: relative;
    margin: 0;
    padding: 11px 16px;
    min-height: 46px;
    box-sizing: border-box;
    display: flex;
    align-items: center; }
    .select__choice_full-width {
      width: auto; }
    .select__choice-icon {
      z-index: 10;
      position: absolute;
      right: 1vw; }
    .select__choice-dropdown {
      position: absolute;
      z-index: 20;
      left: 0;
      width: 100%;
      margin: 8px 0 0;
      top: 100%;
      max-height: 150px; }
      .select__choice-dropdown_active {
        margin: 52px 0 0; }
    .select__choice-list {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 12px; }
      .select__choice-list_full-width {
        max-width: 17vw; }
    .select__choice-item {
      padding: 6px 8px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      column-gap: 0.3vw; }
      .select__choice-item_active {
        max-width: 7.5vw;
        overflow-x: hidden;
        text-overflow: ellipsis; }
    .select__choice-option {
      padding: 12px 24px; }
    .select__choice-input {
      position: absolute;
      top: 0px;
      height: 100%;
      z-index: 10; }
    .select__choice-cleaning {
      position: absolute;
      right: 50px;
      top: 14px; }

.product__image-block {
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
  gap: 32px; }

.product__image-base {
  width: 21vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.product__image-parts {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 12px;
  max-height: 500px; }

.product__image-part {
  width: 21vw;
  display: flex;
  flex-direction: column;
  gap: 12px; }

.product__button {
  padding: 12px 28px;
  margin: 60px 1vw 21px;
  width: Max(123px, 100%);
  justify-content: center;
  max-width: max-content; }

.product__input {
  padding: 12px 28px 12px 56px;
  margin: 12px 0 0 0;
  width: 100%;
  display: block;
  height: max-content; }
  .product__input-icon {
    position: absolute;
    left: 28px;
    top: 30%; }
    .product__input-icon_x {
      right: 28px;
      left: auto;
      top: 35%; }
    .product__input-icon_property {
      left: 20px;
      top: 20%; }
    .product__input-icon_search {
      position: absolute;
      top: 5px;
      right: 10px;
      padding: 10px; }

.product__label {
  margin: 16px 0 21px;
  position: relative;
  display: flex; }
  .product__label-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: center;
    margin: 15px 0vw; }

.product__title {
  width: 100%; }
  .product__title-locale {
    max-width: 11vw; }

.product__article {
  padding: 30px 40px;
  margin: 40px 0 24px;
  width: 25%; }
  .product__article-list {
    width: 61vw;
    box-sizing: border-box; }
  .product__article-item {
    width: 100%;
    margin-top: 10px;
    min-height: calc(100vh - 470px);
    position: relative; }
  .product__article-add {
    width: 100%;
    position: relative;
    margin: 40px 0 30px;
    min-height: calc(100vh - 240px); }
    .product__article-add .navigation {
      justify-content: space-around; }
      .product__article-add .navigation__item {
        width: 100%;
        text-align: center; }

.product__list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr); }
  .product__list-item {
    padding: 28px;
    margin: 0 1vw 15px 0;
    position: relative; }
    .product__list-item:first-child {
      margin-left: 0; }
  .product__list-icons {
    display: flex;
    justify-content: end;
    margin-top: 40px;
    column-gap: 20px;
    position: relative; }
    .product__list-icons_property {
      position: absolute;
      bottom: 28px;
      right: 28px; }
  .product__list-title {
    margin: 0 0 12px;
    width: 14vw; }
  .product__list-code {
    margin: 10px 0 15px; }
  .product__list_form {
    grid-template-columns: repeat(4, 1fr); }
  .product__list-content {
    margin-bottom: 16px;
    width: 15vw;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
    .product__list-content_margin {
      margin-bottom: 0; }
  .product__list_grid .product__title-locale {
    max-width: 7vw; }

.product__search {
  display: flex;
  padding: 20px; }
  .product__search-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 28px;
    margin: 0 0 0 16px;
    height: max-content;
    position: relative; }
  .product__search-icon {
    margin-right: 0.5vw; }
  .product__search-label {
    margin: 0;
    width: 100%; }
  .product__search-input {
    margin: 0; }
  .product__search-container {
    display: flex;
    width: 100%; }

.product__dropdown {
  padding: 30px 40px;
  position: absolute;
  top: 320px;
  box-sizing: border-box;
  width: 61vw; }
  .product__dropdown-item {
    display: inline-block;
    margin: 0 3% 20px 0;
    width: 30%;
    vertical-align: top; }
    .product__dropdown-item .recipe__ingredient {
      width: 100%; }
  .product__dropdown-list {
    width: 100%; }
  .product__dropdown-cone {
    position: absolute;
    top: -15px;
    right: 5vw; }
  .product__dropdown-buttons {
    display: flex;
    justify-content: space-between;
    column-gap: 1vw;
    margin-top: 30px; }
  .product__dropdown-button {
    width: 240px;
    padding: 16px 28px;
    justify-content: center; }
  .product__dropdown-title {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .product__dropdown-content {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    max-height: 200px;
    overflow-y: auto; }
  .product__dropdown-label {
    margin: 10px 0;
    display: flex;
    align-items: flex-end;
    column-gap: 12px; }
  .product__dropdown-input {
    margin-left: 0.5vw;
    order: 1; }
  .product__dropdown-checkbox {
    margin-right: 0.5vw; }
  .product__dropdown-block {
    display: flex;
    column-gap: 20px; }
  .product__dropdown-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px; }
  .product__dropdown-text {
    display: block; }
  .product__dropdown-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 2vw; }

.product__form {
  width: 26%;
  margin-top: 30px;
  row-gap: 16px;
  display: flex;
  flex-direction: column; }
  .product__form_large {
    width: 30%;
    min-height: calc(100vh - 300px);
    height: max-content;
    margin-bottom: 30px; }
  .product__form-input {
    padding: 12px 16px;
    margin: 0;
    width: 100%;
    display: block; }
  .product__form-label {
    margin: 0;
    position: relative;
    display: flex;
    row-gap: 8px;
    flex-direction: column; }
    .product__form-label_inline {
      display: flex;
      flex-direction: row;
      position: relative;
      column-gap: 12px;
      align-items: center; }
    .product__form-label_inner {
      padding: 0 16px; }
      .product__form-label_inner .product__select-dropdown {
        position: relative; }
  .product__form-value {
    margin-top: 0;
    margin-bottom: 0; }
    .product__form-value .locale__select-wrapper {
      position: absolute;
      right: 10px;
      top: 13px;
      padding-left: 12px;
      height: 22px;
      width: 58px; }
    .product__form-value_property {
      margin: 0; }
      .product__form-value_property .locale__select-wrapper {
        top: 40px; }
    .product__form-value_text {
      margin-bottom: 12px;
      display: block; }
  .product__form-button {
    position: absolute;
    right: 2vw;
    top: 40px;
    width: Max(123px, 100%);
    justify-content: center;
    max-width: max-content; }
  .product__form-icon {
    position: absolute;
    top: 0;
    right: 0; }
  .product__form-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  .product__form-title {
    padding-right: 8vw; }
    .product__form-title_disabled {
      padding-right: 0; }
  .product__form-mask {
    position: absolute; }
  .product__form-block {
    display: flex;
    column-gap: 12px; }
  .product__form-number {
    margin-bottom: 0;
    display: block; }
  .product__form-based {
    margin: -10px 0 18px 0; }

.product__tab {
  display: flex;
  column-gap: 3vw;
  margin: 70px 0 30px; }
  .product__tab-title {
    padding: 10px 2vw;
    margin-bottom: -2px;
    width: 100%;
    text-align: center; }
  .product__tab-subtitle {
    padding: 10px 0vw;
    margin-bottom: -2px;
    width: 33%;
    text-align: center; }
  .product__tab-property {
    display: flex;
    justify-content: space-between;
    margin: 36px 3vw 0; }
    .product__tab-property-label {
      width: 360px; }
  .product__tab-button {
    width: 19.5vw;
    justify-content: center; }

.product__add-list {
  margin: 40px 3vw 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-direction: row;
  justify-content: start;
  column-gap: 7vw;
  position: relative; }
  .product__add-list-children {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 20px 0 0; }
  .product__add-list_wrap {
    display: flex;
    flex-wrap: wrap; }
  .product__add-list_column {
    display: flex;
    flex-direction: column; }

.product__add-plus {
  margin-left: 0.5vw; }

.product__add-item {
  display: flex;
  flex-direction: column;
  margin: 15px 0;
  width: 19.5vw;
  break-inside: avoid-column;
  row-gap: 16px; }
  .product__add-item .recipe__select-dropdown_full-width {
    width: 19.5vw; }
  .product__add-item:nth-child(3n+1):nth-last-child(-n+3) .product__forms-dropdown, .product__add-item .product__add-item:nth-child(3n+1):nth-last-child(-n+3) ~ .product__add-item .product__forms-dropdown {
    position: relative; }

.product__add-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  margin-bottom: 10px; }

.product__add-label {
  margin: 0; }

.product__add-input {
  margin: 0; }

.product__add-text {
  word-break: break-word; }

.product__add-subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .product__add-subtitle_active {
    justify-content: space-between;
    display: flex;
    padding: 10px 0; }

.product__add-checkbox {
  margin-right: 0.5vw; }
  .product__add-checkbox-text {
    width: 8vw;
    text-overflow: ellipsis;
    overflow-x: hidden; }

.product__add_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

.product__add-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.product__add-color {
  padding: 10px;
  width: max-content;
  margin: 10px 0.5vw 10px 0;
  display: inline-flex; }

.product__source {
  position: relative;
  margin: 0;
  padding: 11px 16px;
  min-height: 46px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  .product__source-dropdown {
    box-sizing: border-box;
    z-index: 1;
    width: 100.5%;
    padding: 19px 0;
    margin-top: 10px; }
  .product__source-list {
    max-height: 185px;
    overflow-y: auto;
    overflow-x: hidden; }
  .product__source-option {
    margin: 15px 0;
    padding: 0 20px; }
    .product__source-option:first-child {
      margin-top: 0; }
  .product__source-input {
    width: 85%; }
  .product__source-add {
    padding: 19px 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .product__source-buttons {
    padding: 19px 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .product__source-subtitle {
    padding: 0 20px 19px; }
  .product__source-name {
    width: 96.5%;
    padding: 15px 12px 0px;
    margin: 7px; }

.product__forms {
  position: relative;
  margin: 0;
  padding: 6px 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: start; }
  .product__forms-dropdown {
    box-sizing: border-box;
    z-index: 1;
    width: 100.5%;
    padding: 12px 0;
    margin-top: 10px;
    position: absolute; }
  .product__forms-option {
    margin: 15px 0;
    padding: 0 20px; }
    .product__forms-option:first-child {
      margin-top: 0; }
  .product__forms-input {
    width: 40%;
    margin: auto 0; }
    .product__forms-input_active {
      width: 100%; }
  .product__forms-container {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .product__forms-add {
    padding: 12px 24px 2px 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .product__forms-exclude {
    padding: 12px 24px 0 24px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .product__forms-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-right: 5px; }
    .product__forms-list_full-width {
      max-width: 17vw;
      margin-right: 0; }
  .product__forms-item {
    padding: 2px 0 2px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .product__forms-item-icon {
      padding: 6px; }
  .product__forms-placeholder {
    margin-top: 6px; }
  .product__forms-block {
    display: flex;
    flex-direction: column;
    padding: 12px 24px 0 24px;
    position: relative;
    margin-top: 10px; }
  .product__forms-action {
    display: flex;
    justify-content: space-between;
    margin-top: 12px; }
  .product__forms-icon {
    padding: 6px 0;
    vertical-align: middle; }
  .product__forms__custom-select {
    width: 100%;
    margin: 0;
    padding: 19px 0 0; }
    .product__forms__custom-select-icon {
      display: none; }
    .product__forms__custom-select-input {
      height: 55px;
      width: 100%;
      padding: 12px 24px; }
    .product__forms__custom-select-dropdown {
      position: relative;
      margin: 10px 0 0; }
      .product__forms__custom-select-dropdown_active {
        margin: 10px 0 0; }
    .product__forms__custom-select-list {
      padding: 10px;
      width: 94%;
      min-height: 34px; }
  .product__forms_margin {
    margin-bottom: 220px; }

.product__unit {
  position: absolute;
  right: 12px;
  top: 40px; }
  .product__unit-option {
    display: flex; }
  .product__unit-text {
    width: 100%;
    display: block;
    text-align: right; }
  .product__unit-list {
    position: absolute;
    width: max-content;
    padding: 5px 15px;
    top: 25px; }
  .product__unit-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin-left: calc(24px + 1vw); }
    .product__unit-item_active {
      margin-left: 0; }
  .product__unit-icon {
    margin-right: 1vw; }

.product__timer {
  position: absolute;
  top: 60px;
  right: 60px; }

.product__modal-input {
  margin-top: 10px; }

.product__modal-label {
  margin-bottom: 40px; }
  .product__modal-label .select__choice-dropdown {
    height: 140px;
    overflow-y: scroll; }
  .product__modal-label_active {
    margin-bottom: 220px; }
  .product__modal-label .select__search-dropdown {
    max-height: 100px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .product__modal-label .select__search-dropdown::-webkit-scrollbar {
      display: none; }

.product__modal-title {
  margin-bottom: 24px; }

.product__modal-property .select__choice-input {
  width: 87%; }

.product-excluded__custom-select-dropdown {
  max-height: 150px;
  overflow-y: auto; }

.product__deleted-section {
  display: flex;
  justify-content: left;
  width: 100%;
  margin: 0 0 14px; }

.product__deleted-label {
  display: flex;
  column-gap: 12px;
  align-items: center; }

.product__value-icon {
  position: absolute;
  top: 0;
  right: 0; }

.block__subtitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin: 10px 0;
  position: relative;
  left: -17%;
  min-width: 99vw; }
  .pagination__block {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto; }
  .pagination__number {
    padding: 4px 12px; }
  .pagination__list {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    margin: 0 32px; }

.recipe__image-block {
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
  gap: 32px; }

.recipe__button {
  margin: 60px 1vw 21px 1vw;
  width: Max(123px, 100%);
  justify-content: center;
  max-width: max-content; }

.recipe__input {
  padding: 19px 24px 19px 50px;
  margin: 12px 0 0 0;
  width: 100%;
  display: block;
  height: max-content; }
  .recipe__input-icon {
    position: absolute;
    left: 1vw;
    top: 40%; }

.recipe__label {
  margin: 16px 0 21px;
  position: relative;
  display: flex; }
  .recipe__label-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: center;
    margin: 15px 0vw; }

.recipe__title {
  width: 100%; }

.recipe__article {
  padding: 40px;
  margin: 30px 2vw 30px 0;
  width: 25%; }
  .recipe__article-list {
    width: 67%;
    margin-top: 40px; }
  .recipe__article-item {
    width: 100%;
    margin-top: 10px;
    min-height: calc(100vh - 400px);
    position: relative; }
  .recipe__article-add {
    width: 100%;
    position: relative;
    margin: 40px 0 30px; }
    .recipe__article-add .navigation {
      justify-content: space-around; }
      .recipe__article-add .navigation__item {
        width: 100%;
        text-align: center; }

.recipe__list {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr); }
  .recipe__list-item {
    padding: 28px;
    margin: 0 1vw 15px 0;
    position: relative; }
    .recipe__list-item:first-child {
      margin-left: 0; }
  .recipe__list-icons {
    display: flex;
    justify-content: end;
    margin-top: 40px;
    column-gap: 1vw;
    position: relative; }
  .recipe__list-title {
    margin: 0 0 10px;
    width: 8vw; }

.recipe__search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 23px 17px 23px;
  margin: 11px 0 0px 2vw;
  height: max-content; }

.recipe__search-icon {
  margin-right: 0.5vw; }

.recipe__dropdown {
  padding: 30px 2vw;
  position: absolute;
  top: 220px;
  box-sizing: border-box;
  width: 60.2vw; }
  .recipe__dropdown-item {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    flex-direction: column; }
  .recipe__dropdown-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2vw; }
  .recipe__dropdown-cone {
    position: absolute;
    top: -15px;
    right: 5vw; }
  .recipe__dropdown-buttons {
    display: flex;
    justify-content: end;
    column-gap: 1vw;
    margin-top: 30px; }
  .recipe__dropdown-title {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .recipe__dropdown-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 1vw; }
  .recipe__dropdown-label {
    margin: 10px 0;
    display: flex;
    align-items: flex-end; }
  .recipe__dropdown-input {
    margin-left: 0.5vw;
    order: 1; }

.recipe__header-breadcrumbs {
  padding-right: 1vw;
  display: inline-block; }
  .recipe__header-breadcrumbs_active {
    margin-left: 1vw; }

.recipe__form {
  width: 26%;
  row-gap: 16px;
  display: flex;
  flex-direction: column; }
  .recipe__form-input {
    padding: 12px 16px;
    width: 100%;
    display: block; }
  .recipe__form-label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative; }
    .recipe__form-label .select__choice-dropdown {
      max-height: 130px; }
  .recipe__form-button {
    position: absolute;
    right: 2vw;
    top: 40px;
    width: Max(123px, 100%);
    justify-content: center;
    max-width: max-content; }
  .recipe__form-icon {
    position: absolute;
    top: 0;
    right: 0; }
  .recipe__form-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  .recipe__form-title {
    padding: 19px 6vw 19px 0; }
  .recipe__form-modal {
    max-width: 485px; }
    .recipe__form-modal_active {
      margin-bottom: 130px; }
      .recipe__form-modal_active .select__choice-dropdown {
        max-height: 100px;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .recipe__form-modal_active .select__choice-dropdown::-webkit-scrollbar {
          display: none; }
    .recipe__form-modal .product__forms-container {
      max-height: 100px; }
  .recipe__form-icon_small {
    right: 17px;
    top: 43px;
    position: absolute; }

.recipe__tab {
  display: flex;
  justify-content: space-around;
  column-gap: 2vw;
  margin: 70px 0 30px; }
  .recipe__tab-title {
    padding: 10px 2vw;
    margin-bottom: -2px; }

.recipe__ingredientGroup-edit {
  margin: 40px 3vw;
  width: 19.5vw; }

.recipe__add-list {
  margin: 40px 3vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 7vw;
  row-gap: 32px; }

.recipe__add-item {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 19.5vw;
  break-inside: avoid-column; }
  .recipe__add-item .property__update-wrapper {
    display: none; }

.recipe__add-title {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.recipe__add-input {
  margin: 0; }

.recipe__add-text {
  max-width: 15vw; }

.recipe__add-subtitle_active {
  justify-content: space-between;
  display: flex;
  padding: 10px 0; }

.recipe__add-product {
  position: relative;
  margin: 20px 3vw 0;
  width: 19.5vw;
  justify-content: center; }
  .recipe__add-product-icon {
    margin-left: 0.5vw; }

.recipe__custom-select {
  display: block; }
  .recipe__custom-select-list {
    max-width: 20vw; }
  .recipe__custom-select-input {
    position: relative;
    margin: auto 0;
    height: max-content; }
  .recipe__custom-select-dropdown {
    margin-top: 45px; }
    .recipe__custom-select-dropdown_active {
      margin-top: 45px; }

.recipe__filter-label {
  display: block;
  width: 100%;
  position: relative; }
  .recipe__filter-label .select__choice-dropdown {
    height: 150px; }

.recipe__modal {
  row-gap: 32px;
  display: flex;
  flex-direction: column; }

.preference__button {
  margin: 60px 1vw 21px 0;
  padding: 12px 28px;
  width: Max(123px, 100%);
  justify-content: center;
  max-width: max-content; }
  .preference__button-group {
    display: flex;
    column-gap: 12px;
    margin-left: auto; }

.preference__selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1vw;
  margin-top: 20px; }

.preference__input {
  padding: 19px 24px 19px 50px;
  margin: 12px 0 0 0;
  width: 100%;
  display: block;
  height: max-content; }
  .preference__input-icon {
    position: absolute;
    left: 1vw;
    top: 40%; }

.preference__label {
  margin: 16px 0 21px;
  position: relative;
  display: flex; }
  .preference__label-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    align-items: center;
    margin: 15px 0vw; }

.preference__title {
  width: 100%; }

.preference__article {
  padding: 10px 2vw;
  margin: 40px 2vw 40px 0;
  width: 25%; }
  .preference__article-list {
    width: 60.5%; }
  .preference__article_full-width {
    width: 100%;
    margin: 0 1vw 40px 0;
    padding: 40px 40px 20px 40px;
    position: relative; }
  .preference__article-add {
    margin-top: 40px; }

.preference__search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17px 23px 17px 23px;
  margin: 11px 0 0px 2vw;
  height: max-content; }

.preference__search-icon {
  margin-right: 0.5vw; }

.preference__dropdown {
  padding: 30px 2vw;
  position: absolute;
  top: 265px;
  box-sizing: border-box;
  width: 55%; }
  .preference__dropdown-item {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    flex-direction: column; }
  .preference__dropdown-cone {
    position: absolute;
    top: -15px;
    right: 5vw; }
  .preference__dropdown-buttons {
    display: flex;
    justify-content: end;
    column-gap: 1vw;
    margin-top: 30px; }

.preference__header-breadcrumbs {
  padding-right: 1vw;
  display: inline-block; }
  .preference__header-breadcrumbs_active {
    margin-left: 1vw; }

.preference__form {
  width: 60%;
  margin-top: -10px;
  display: flex;
  column-gap: 3vw; }
  .preference__form-input {
    padding: 11px 16px;
    margin: 0;
    width: 100%;
    display: block; }
  .preference__form-label {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin: 0;
    position: relative;
    width: 100%; }
    .preference__form-label .select__choice-dropdown {
      max-height: 150px; }
  .preference__form-button {
    position: absolute;
    right: 40px;
    top: 40px;
    width: Max(123px, 100%);
    justify-content: center;
    max-width: max-content; }
  .preference__form-icon {
    position: absolute;
    top: -30px;
    right: 0; }
  .preference__form-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  .preference__form-block {
    position: relative;
    margin-bottom: 25px;
    display: flex; }
  .preference__form-column {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 100%; }
  .preference__form-value {
    margin-top: 8px; }
  .preference__form-combination {
    border-radius: 28px;
    padding: 20px; }

.preference__group {
  width: 20%;
  position: relative; }
  .preference__group-title {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    margin-bottom: 10px; }
  .preference__group-list {
    position: absolute;
    box-sizing: border-box;
    width: 100%; }
  .preference__group-item {
    margin: 12px 24px; }
  .preference__group-label {
    display: flex;
    align-items: center;
    column-gap: 12px; }
  .preference__group-subtitle {
    margin-bottom: 20px; }

.preference__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 500px;
  overflow-y: scroll; }
  .preference__list-item {
    padding: 0 2vw 0 1vw;
    display: flex;
    align-items: center; }

.preference__checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0 2vw; }
  .preference__checkbox-block {
    margin: 20px 0; }
  .preference__checkbox-label {
    margin-left: 2vw;
    display: flex;
    margin-top: -13px; }
    .preference__checkbox-label_number {
      margin: 0 0.3vw; }
  .preference__checkbox-button {
    margin: 0;
    padding: 10px 16px !important;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .preference__checkbox-icon {
    margin-right: 1vw; }

.preference__users {
  margin: 0; }
  .preference__users-item {
    padding: 20px;
    text-align: center; }
  .preference__users-title {
    margin: 0; }
  .preference__users-button {
    width: 100%;
    justify-content: center; }
  .preference__users-wrapper {
    height: 250px;
    overflow-y: auto;
    margin: 0 0 40px; }
  .preference__users-header {
    position: sticky;
    top: 0;
    z-index: 120; }
  .preference__users-label {
    margin: 32px 0; }

.preference__custom-select {
  width: auto; }
  .preference__custom-select-item {
    max-width: 100%; }
  .preference__custom-select-dropdown {
    margin-top: 45px; }
  .preference__custom-select-input {
    width: 80%; }

.preference__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 74px;
  overflow-x: hidden; }
  .preference__item-icons {
    display: flex;
    justify-content: flex-end;
    align-self: center;
    height: 36px;
    column-gap: 20px; }
  .preference__item-header {
    padding: 8px 12px; }
  .preference__item-content {
    text-align: center;
    padding: 8px 12px; }
    .preference__item-content_small {
      width: 3vw;
      padding-top: 8px;
      vertical-align: top; }
  .preference__item-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px 6px 8px;
    width: 56px;
    box-sizing: border-box; }
  .preference__item-quantity {
    text-align: center;
    display: block;
    width: 100%; }
  .preference__item-row {
    display: grid;
    grid-template-columns: 16% 16% 18% 16% 18% 18%;
    width: 100%;
    margin-left: 0;
    padding: 0 20px; }

.preference__navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 0;
  margin: 30px 0 0;
  width: 100%; }
  .preference__navigation-item {
    padding: 10px 2vw;
    margin: 0 10px -11px; }
  .preference__navigation-button {
    display: flex;
    column-gap: 12px;
    align-items: center; }

.preference__frequency-label {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 8px; }

.preference__icon-calendar {
  position: absolute;
  right: 15px;
  top: 38px; }

.preference__period-list {
  margin-top: 20px; }

.preference__phrases {
  padding: 0 20px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .preference__phrases-empty {
    margin-left: 2vw; }
  .preference__phrases-buttons {
    display: flex;
    column-gap: 20px;
    margin-right: 1vw;
    margin-left: auto;
    position: relative;
    bottom: -20px; }
  .preference__phrases-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0px;
    justify-content: space-between; }
  .preference__phrases-text-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px; }
  .preference__phrases-input {
    padding: 10px;
    width: 40px;
    height: 40px; }
  .preference__phrases .preference__selected {
    padding-left: 0;
    margin-top: 20px;
    margin-right: 1vw; }
  .preference__phrases-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .preference__phrases-actions {
    display: flex;
    column-gap: 10px; }
  .preference__phrases-article .preference__selected {
    padding-left: 0; }
  .preference__phrases-values {
    padding: 8px 0px;
    margin-left: auto; }
  .preference__phrases-data {
    display: flex;
    column-gap: 12px; }
  .preference__phrases-edit {
    position: absolute;
    right: 45px; }

.preference__groups {
  display: flex;
  justify-content: space-between;
  margin-left: 35px;
  width: 100%;
  align-items: center; }
  .preference__groups-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
  .preference__groups-icons {
    display: flex;
    column-gap: 20px; }
  .preference__groups-item {
    display: flex;
    padding: 12px 78px 12px 20px; }
  .preference__groups-list {
    column-gap: 20px;
    row-gap: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    justify-content: end; }
  .preference__groups-period {
    padding: 12px 20px;
    height: 40px; }

.preference__modal {
  margin: 0; }
  .preference__modal-item {
    padding: 20px;
    text-align: center; }
  .preference__modal-title {
    margin: 0; }
  .preference__modal-button {
    width: 100%;
    justify-content: center; }
  .preference__modal-wrapper {
    height: 250px;
    overflow-y: auto;
    margin: 0 0 40px; }
  .preference__modal-header {
    position: sticky;
    top: 0;
    z-index: 120; }
  .preference__modal-label {
    margin: 32px 0; }

.preference__mix {
  padding: 10px 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.preference__download {
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 12px 28px; }

.locale__select {
  position: absolute;
  right: 28px;
  top: 28px;
  padding-left: 0.5vw; }
  .locale__select_add {
    top: 12px;
    padding: 3px 0 3px 0.5vw; }
  .locale__select-profile {
    right: 4vw;
    top: 45px;
    position: absolute; }
  .locale__select-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center; }

.locale__icon {
  margin-left: 0.5vw; }

.locale__option {
  top: 30px;
  left: 0vw;
  padding: 10px 1.2vw;
  position: absolute; }

.alert__warning {
  margin: 15px 0; }

.alert__ingredient {
  margin-top: 10px; }

.alert__product {
  margin-top: 7px;
  width: 400px; }

.checkbox__container {
  display: flex;
  align-items: center;
  justify-items: center;
  position: relative;
  height: 25px;
  width: 25px; }
  .checkbox__container .checkbox__item:checked ~ .checkbox__checkmark::after {
    display: block; }
  .checkbox__container .checkbox__checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px; }

.checkbox__item {
  position: absolute;
  height: 0;
  width: 0; }

.checkbox__checkmark {
  position: absolute;
  height: 25px;
  width: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .checkbox__checkmark::after {
    content: "";
    position: absolute;
    display: none; }

.checkbox__property {
  margin-right: 30px; }

.checkbox__label {
  position: relative;
  display: flex;
  justify-content: center; }

.checkbox__icon {
  position: absolute;
  top: 0;
  margin: 1px; }

.password__label {
  margin: 16px 0 21px;
  position: relative; }

.password__text {
  position: absolute;
  right: 24px;
  top: 55px; }

.password__message {
  position: relative;
  top: 0;
  right: 0;
  margin-top: 8px; }

.password__warning {
  margin: 0;
  position: relative;
  top: 8px; }

.password__error {
  margin-top: 8px; }

.password__input {
  padding: 19px 24px;
  margin: 12px 0 0 0; }

.radio__container {
  display: flex;
  align-items: flex-end;
  column-gap: 12px;
  width: max-content; }

.property__update-wrapper {
  position: absolute;
  top: 0;
  right: 0; }

.property__update-dropdown {
  position: absolute;
  width: 183px;
  z-index: 100; }

.property__update-item {
  padding: 12px 24px; }

.property__article {
  margin-top: 32px;
  width: 329px; }

.property__title {
  padding: 12px 16px; }

.property__list {
  margin-top: 8px;
  height: 176px; }
  .property__list-item {
    display: flex;
    align-items: flex-end;
    padding: 16px 16px 0px 16px; }

.property__button-group {
  column-gap: 0; }

.filter__count {
  position: absolute;
  left: 43px;
  top: 8px; }

.calendar {
  position: absolute;
  padding: 24px;
  z-index: 100; }
  .calendar__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px; }
  .calendar__body {
    border-radius: 0 0 5px 5px;
    padding: 10px 0 0 0; }
  .calendar__days {
    text-align: center;
    display: grid;
    text-align: center;
    align-items: center;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
    gap: 1px 1px; }
  .calendar__day {
    margin: 5px;
    padding: 5px;
    width: 1.1vw; }
  .calendar__additional {
    padding: 5.5px; }
  .calendar__colors {
    width: 100%;
    margin: 30px 0; }
    .calendar__colors-list {
      display: flex;
      flex-wrap: wrap; }
    .calendar__colors-item {
      margin: 10px 1px;
      width: 45%; }
  .calendar__context {
    position: absolute;
    padding: 10px; }

.item__header-breadcrumbs {
  padding-right: 1vw;
  display: inline-block; }
  .item__header-breadcrumbs_active {
    margin-left: 1vw; }

.item__hint {
  position: absolute; }
  .item__hint-warning {
    position: relative;
    margin-left: auto; }

.item__list-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .item__list-name .locale__select {
    position: relative;
    top: auto;
    right: auto; }

.notification__toast {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  padding: 12px;
  row-gap: 12px;
  margin: -60px 1vw 0 0; }
  .notification__toast-block {
    display: flex;
    column-gap: 8px;
    justify-content: flex-start; }
  .notification__toast-icon_small {
    position: absolute;
    top: 12px;
    right: 12px; }
  .notification__toast-link {
    padding: 0 20px 0px 28px; }

.scroll {
  scrollbar-color: #C4C4C4 initial;
  scrollbar-width: thick; }
  .scroll::-webkit-scrollbar {
    width: 24px;
    height: 32px; }
  .scroll::-webkit-scrollbar-track {
    background: initial; }
  .scroll::-webkit-scrollbar-thumb {
    background: #C4C4C4;
    border: 8px solid white;
    background-clip: padding-box;
    border-radius: 9999px; }

.main__title {
  font-size: 40px;
  line-height: 48px;
  font-family: 'Monserrat_semibold', sans-serif;
  color: #24312D; }

.main__subtitle {
  font-size: 20px;
  line-height: 26px;
  font-family: 'Monserrat_medium', sans-serif;
  color: #24312D; }

.block__title-h2 {
  font-size: 34px;
  line-height: 42px;
  font-family: 'Monserrat_semibold', sans-serif;
  color: #24312D; }

.block__title-h3 {
  font-size: 28px;
  line-height: 36px;
  font-family: 'Monserrat_semibold', sans-serif;
  color: #24312D; }

.block__subtitle {
  font-size: 24px;
  line-height: 30px;
  font-family: 'Monserrat_semibold', sans-serif;
  color: #24312D;
  text-transform: capitalize; }

.block__content {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Monserrat_medium', sans-serif;
  color: #24312D; }

.block__table {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Monserrat_medium', sans-serif;
  color: #24312D; }

.block__button {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Monserrat_medium', sans-serif;
  color: #24312D; }
  .block__button_small {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Monserrat', sans-serif;
    color: #24312D; }

.block__text {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Monserrat', sans-serif;
  color: #24312D; }

.block__bullet {
  font-size: 12px;
  line-height: 18px;
  font-family: 'Monserrat', sans-serif;
  color: #24312D; }

body {
  font-family: 'Monserrat', sans-serif;
  font-size: 14px;
  background-color: #FAFAFA; }

h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, label::first-letter, th::first-letter {
  text-transform: uppercase; }

.input__block {
  position: relative;
  display: flex;
  row-gap: 8px;
  flex-direction: column; }

.input__content {
  padding: 12px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  background-color: white; }
  .input__content::placeholder {
    color: #C4C4C4; }

.icon {
  width: 24px;
  fill: #264948;
  cursor: pointer; }
  .icon:hover {
    fill: #397271; }
  .icon__accessibility {
    padding: 8px;
    box-sizing: border-box; }
  .icon_disabled {
    fill: #ECEAEA;
    cursor: default; }
  .icon_warning {
    fill: #F88545; }

.menu {
  background-color: #F8F2EF; }
  .menu__list {
    list-style-type: none;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .menu__list::-webkit-scrollbar {
      display: none; }
  .menu__item {
    color: rgba(38, 73, 72, 0.6);
    cursor: pointer; }
    .menu__item-link {
      color: unset; }
    .menu__item-logout {
      border-top: 2px solid rgba(38, 73, 72, 0.6); }
  .menu__icon {
    width: 40px;
    min-height: 40px;
    fill: rgba(38, 73, 72, 0.6); }
    .menu__icon_active {
      fill: #264948; }
      .menu__icon_active .d {
        stroke: #264948; }
    .menu__icon .d {
      stroke: rgba(38, 73, 72, 0.6); }
  .menu__title {
    font-family: 'Monserrat_semibold', sans-serif;
    color: rgba(38, 73, 72, 0.6); }
    .menu__title_active {
      color: #264948; }
  .menu__logo_small {
    width: 80px;
    min-height: 80px; }

.navigation {
  border-bottom: 1px solid #C4C4C4; }
  .navigation-link {
    cursor: pointer; }
  .navigation__item {
    color: #C4C4C4;
    cursor: pointer; }
    .navigation__item_active {
      border-bottom: 2px solid #FFBCB8;
      color: #264948; }

.login {
  background: white;
  border-radius: 28px;
  transition: all .1s linear; }
  .login__label {
    display: block; }
  .login__input {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    font-family: 'Monserrat', sans-serif; }
    .login__input_error {
      border-color: #FF3B30; }
    .login__input-code {
      border: none; }
      .login__input-code:disabled {
        background-color: white; }
  .login__button {
    padding: 22px 40px;
    letter-spacing: 0; }
  .login__icon-back {
    width: 26px;
    min-height: 26px;
    cursor: pointer;
    fill: #C4C4C4; }
  .login__icon-danger {
    width: 25px;
    fill: none; }
  .login__text {
    cursor: pointer;
    color: #264948; }
    .login__text:hover {
      color: #FFBCB8; }
  .login__subtitle {
    color: #C4C4C4; }

.button {
  background-color: #FFBCB8;
  color: #264948;
  border-radius: 12px;
  height: max-content;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 13px; }
  .button__content:first-letter {
    text-transform: uppercase; }
  .button:hover {
    background-color: #FFE4E0; }
  .button:active {
    background-color: #D96962;
    color: white; }
  .button_disabled {
    background-color: #ECEAEA;
    color: #C4C4C4; }
    .button_disabled:hover {
      background-color: #ECEAEA; }
    .button_disabled:active {
      background-color: #ECEAEA;
      color: #C4C4C4; }
  .button_outline {
    background-color: white;
    border: 1px solid #FFBCB8; }
  .button_secondary {
    padding: 11px;
    height: max-content;
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #264948;
    background-color: transparent;
    cursor: pointer; }

.alert {
  color: #FF3B30; }
  .alert__warning {
    color: #F88545; }
  .alert__product::first-letter {
    text-transform: capitalize; }

.profile__label {
  display: block; }

.profile__input {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  font-family: 'Monserrat', sans-serif; }
  .profile__input_error {
    border-color: #FF3B30; }
  .profile__input_warning {
    border-color: #F88545; }
  .profile__input-code {
    border: none; }
    .profile__input-code:disabled {
      background-color: white; }

.profile__article {
  border-radius: 28px;
  background-color: white; }

.profile__change {
  color: #3795DE;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer; }
  .profile__change::first-letter {
    text-transform: uppercase; }

.profile__icon {
  width: 25px;
  cursor: pointer; }

.users__input {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  font-family: 'Monserrat', sans-serif; }
  .users__input_error {
    border-color: #FF3B30; }
  .users__input-code {
    border: none; }
    .users__input-code:disabled {
      background-color: white; }

.users__subtitle {
  white-space: nowrap; }

.users__article {
  border-radius: 28px;
  background-color: white; }

.users__table {
  width: 100%; }
  .users__table-row {
    border-radius: 16px;
    background-color: white; }
    .users__table-row:nth-child(2n) {
      background-color: #F8F2EF; }
  .users__table-header {
    background-color: #F8F2EF;
    font-family: 'Monserrat_semibold', sans-serif; }
  .users__table-item:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; }
  .users__table-item:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; }
  .users__table-item_sticky {
    vertical-align: middle;
    position: sticky;
    top: 0;
    background: #F8F2EF;
    z-index: 110; }
  .users__table-item_modal {
    top: -55px; }
  .users__table-item_capitalize {
    text-transform: capitalize; }
  .users__table-title {
    cursor: pointer;
    font-family: 'Monserrat_medium', sans-serif;
    text-align: left; }
    .users__table-title::first-letter {
      text-transform: uppercase; }
  .users__table-permission {
    font-family: 'Monserrat_medium', sans-serif;
    text-align: left; }
    .users__table-permission::first-letter {
      text-transform: uppercase; }
  .users__table-icon {
    transform: rotate(180deg);
    width: 20px;
    cursor: pointer;
    stroke: #24312D; }
    .users__table-icon_active {
      transform: rotate(0deg);
      width: 20px;
      cursor: pointer;
      stroke: #24312D; }
  .users__table-wrapper::-webkit-scrollbar {
    display: none; }
  .users__table-input {
    width: 20px;
    height: 20px; }
  .users__table-roles-header > :first-child {
    text-align: left; }
  .users__table-roles-row {
    background-color: white;
    border-bottom: 2px solid #E6E6E6; }
    .users__table-roles-row:nth-child(2n) {
      background-color: white; }

.users__more {
  text-align: right;
  font-family: 'Monserrat_semibold', sans-serif; }

.users__content::first-letter {
  text-transform: uppercase; }

.users__tab-icon {
  width: 26px;
  min-height: 26px;
  border: 1px solid #FFBCB8;
  border-radius: 12px;
  cursor: pointer; }

.users__tab-text::first-letter {
  text-transform: uppercase; }

.modal {
  border-radius: 28px;
  background-color: white;
  z-index: 303; }
  .modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: black;
    opacity: 0.3;
    z-index: 200; }
    .modal__wrapper_active {
      z-index: 300; }
  .modal::-webkit-scrollbar {
    display: none; }
  .modal__close {
    text-align: right;
    font-family: 'Monserrat_semibold', sans-serif; }
  .modal__text {
    color: #979797;
    font-family: 'Monserrat', sans-serif; }
    .modal__text_align::first-letter {
      text-transform: uppercase; }

.error-handler {
  color: #767676; }
  .error-handler::first-letter {
    text-transform: uppercase; }

.select {
  background-color: white;
  cursor: pointer; }
  .select__block-input {
    width: 100%;
    margin: auto 0; }
    .select__block-input::placeholder {
      color: #C4C4C4; }
  .select__block-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    background-color: white; }
  .select__icon {
    width: 15px;
    stroke: #C4C4C4;
    transform: rotate(180deg); }
    .select__icon_active {
      transform: rotate(0deg); }
  .select__list {
    z-index: 20;
    background: white;
    border: 1px solid #C4C4C4;
    border-radius: 12px; }
  .select__item {
    cursor: pointer;
    border-radius: 8px;
    list-style-type: none; }
    .select__item:hover {
      color: #397271; }
    .select__item-content {
      white-space: nowrap;
      max-width: 5vw;
      text-overflow: ellipsis;
      overflow-x: hidden; }
  .select__search {
    padding: 19px 24px;
    border-radius: 12px;
    border: 1px solid #C4C4C4; }
    .select__search_active {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .select__search-icon {
      width: 24px;
      min-height: 24px;
      stroke: #24312D;
      transform: rotate(180deg); }
      .select__search-icon_active {
        transform: rotate(0deg); }
    .select__search-dropdown {
      background-color: white;
      border-radius: 12px;
      border: 1px solid #C4C4C4;
      z-index: 101; }
    .select__search-item {
      border-radius: 12px;
      background-color: #FFBCB8;
      cursor: pointer; }
  .select__choice {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    color: #24312D; }
    .select__choice_full-width {
      border-radius: 12px; }
    .select__choice-icon {
      min-height: 20px;
      min-width: 20px;
      max-width: 20px;
      stroke: #24312D;
      transform: rotate(180deg);
      cursor: pointer; }
      .select__choice-icon_active {
        transform: rotate(0deg); }
      .select__choice-icon_full-width {
        width: 15px; }
    .select__choice-dropdown {
      background-color: white;
      border-radius: 12px;
      border: 1px solid #C4C4C4;
      overflow-y: auto; }
    .select__choice-item {
      border-radius: 12px;
      background-color: #FFE4E0;
      cursor: pointer; }
      .select__choice-item-icon {
        fill: #264948;
        width: 12px;
        height: 12px; }
    .select__choice-option {
      color: #24312D;
      cursor: pointer;
      font-family: 'Monserrat', sans-serif; }
      .select__choice-option:hover {
        color: #397271; }
      .select__choice-option::first-letter {
        text-transform: uppercase; }
    .select__choice-text {
      white-space: nowrap; }
    .select__choice-placeholder {
      color: #D2D2D2; }
    .select__choice-input::placeholder {
      color: #D2D2D2; }
    .select__choice-cleaning {
      width: 15px;
      height: 15px;
      cursor: pointer; }

.product__image-block {
  border-top: 2px solid #C4C4C4; }

.product__title-locale {
  font-family: 'Monserrat_semibold', sans-serif;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap; }

.product__label {
  font-family: 'Monserrat', sans-serif; }

.product__input {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  font-family: 'Monserrat', sans-serif; }
  .product__input-icon {
    fill: #C4C4C4;
    width: 20px;
    cursor: pointer; }
    .product__input-icon_x {
      width: 16px;
      min-height: 16px;
      fill: #24312D;
      transform: rotate(45deg); }
    .product__input-icon_search {
      cursor: pointer;
      width: 16px;
      height: 16px; }

.product__article {
  border-radius: 28px;
  background-color: white; }
  .product__article-list_active {
    z-index: 201; }

.product__list-item {
  border-radius: 28px;
  background-color: white; }
  .product__list-item:nth-child(5n):has(.product__list-icon_disabled:hover) .product__list-icon_hint {
    border-radius: 12px 12px 0px 12px;
    left: -2.5vw; }
  .product__list-item_deleted .product__list-code {
    color: #767676; }
  .product__list-item_deleted .product__list-title {
    color: #767676; }
  .product__list-item_deleted .product__list-content {
    color: #767676; }
  .product__list-item_deleted .product__title-locale {
    color: #767676; }

.product__list-title {
  color: #C4C4C4;
  text-overflow: ellipsis;
  overflow-x: hidden; }

.product__list-icons:has(.product__list-icon_disabled:hover) .product__list-icon_hint {
  background-color: #24312D;
  position: absolute;
  padding: 4 12px;
  border-radius: 8px;
  z-index: 10;
  font-size: 14px;
  line-height: 20px;
  color: white;
  top: -40px;
  right: -7px;
  width: max-content;
  display: block; }

.product__list-icons:has(.product__list-icon_disabled:hover) .product__list-icon_cone {
  display: block;
  position: absolute;
  width: 15px;
  fill: #24312D;
  stroke: #24312D;
  transform: rotate(180deg);
  bottom: -10px;
  right: 11px; }

.product__list-icon_hint {
  display: none; }

.product__list-icon_cone {
  display: none; }

.product__list-icon_warning {
  width: 18px;
  padding: 6px 10px; }

.product__list-content_warning {
  color: #F88545; }

.product__search-icon {
  width: 24px;
  fill: #417A79; }

.product__search-text {
  color: #417A79;
  background-color: white;
  font-family: 'Monserrat', sans-serif; }

.product__search-button {
  border-radius: 12px;
  border: 1px solid #417A79;
  background-color: white;
  cursor: pointer; }
  .product__search-button:hover {
    border: 1px solid #417A79;
    background-color: #417A79; }
    .product__search-button:hover .product__search-icon {
      fill: white; }
    .product__search-button:hover .product__search-text {
      color: white;
      background-color: #417A79; }
  .product__search-button_active {
    border: 1px solid #264948;
    background-color: #264948; }
    .product__search-button_active .product__search-icon {
      fill: white; }
    .product__search-button_active .product__search-text {
      color: white;
      background-color: #264948; }

.product__dropdown {
  background-color: white;
  z-index: 201;
  border-radius: 28px; }
  .product__dropdown-icon {
    min-width: 20px;
    width: 20px; }
    .product__dropdown-icon_active {
      transform: rotate(180deg); }
  .product__dropdown-cone {
    width: 27px;
    fill: white;
    stroke: white; }
  .product__dropdown-title {
    color: #264948;
    cursor: pointer; }
  .product__dropdown-label {
    color: #979797;
    cursor: pointer; }
  .product__dropdown-input {
    color: #24312D; }
  .product__dropdown-text {
    color: #24312D; }
    .product__dropdown-text::first-letter {
      text-transform: uppercase; }
  .product__dropdown-checkbox {
    width: 24px;
    height: 24px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 4px;
    outline: 2px solid #C4C4C4; }
    .product__dropdown-checkbox:checked {
      background-color: #FFBCB8;
      outline: 2px solid #FFBCB8; }
  .product__dropdown-clean {
    background-color: white;
    cursor: pointer; }
    .product__dropdown-clean::first-letter {
      text-transform: uppercase; }
  .product__dropdown-content {
    overflow-y: auto; }

.product__form-label_text {
  color: #24312D; }
  .product__form-label_text::first-letter {
    text-transform: uppercase; }

.product__form-label_inline {
  font-family: 'Monserrat_medium', sans-serif;
  color: #24312D;
  font-size: 20px;
  text-transform: capitalize; }

.product__form-value .locale__select-wrapper {
  border-left: 1px solid #C4C4C4; }

.product__form-value .locale__item {
  color: #264948; }

.product__form-value .locale__icon {
  width: 20px;
  min-height: 20px;
  stroke: #264948;
  transform: rotate(180deg); }

.product__form-value_property ::first-letter {
  text-transform: uppercase; }

.product__form-input {
  border-radius: 12px;
  border: 1px solid #C4C4C4; }
  .product__form-input::placeholder {
    color: #D2D2D2; }
  .product__form-input_full-filled {
    border: 1px solid #FFBCB8; }

.product__form-icon {
  width: 17px;
  min-height: 16px;
  color: #264948; }

.product__form-button {
  padding: 16px 40px; }

.product__form-title {
  border: none;
  border-bottom: 1px solid #C4C4C4;
  border-radius: 0%;
  text-overflow: ellipsis; }
  .product__form-title::placeholder {
    color: #D2D2D2; }
  .product__form-title_disabled {
    color: #767676;
    background-color: initial;
    white-space: nowrap;
    text-overflow: clip; }

.product__form-item {
  color: #979797; }

.product__form_lowercase::first-letter {
  text-transform: none; }

.product__form-based {
  display: block; }
  .product__form-based::first-letter {
    text-transform: uppercase; }

.product__tab {
  border-bottom: 2px solid #C4C4C4; }
  .product__tab-title {
    font-family: 'Monserrat_semibold', sans-serif;
    color: #C4C4C4;
    cursor: pointer; }
    .product__tab-title_active {
      color: #264948;
      border-bottom: 2px solid #FFBCB8; }

.product__add-icon {
  width: 24px;
  min-height: 24px;
  stroke: #24312D;
  transform: rotate(180deg); }
  .product__add-icon_active {
    transform: rotate(0deg); }

.product__add-checkbox {
  width: 24px;
  height: 24px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 4px;
  outline: 2px solid #C4C4C4; }
  .product__add-checkbox:checked {
    background-color: #FFBCB8;
    outline: 2px solid #FFBCB8; }

.product__add-text {
  font-family: 'Monserrat_medium', sans-serif; }

.product__add-color {
  border-radius: 12px;
  background-color: #FFBCB8;
  cursor: pointer; }

.product__add-input::placeholder {
  color: #C4C4C4;
  font-size: 16px;
  line-height: 22px; }

.product__add-plus {
  width: 17px;
  min-height: 16px; }

.product__add-number::placeholder {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis; }

.product__select-dropdown {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-top: 1px solid #C4C4C4 !important;
  z-index: 101 !important; }

.product__source {
  border-radius: 12px;
  border: 1px solid #C4C4C4; }
  .product__source_active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .product__source-icon {
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    stroke: #24312D;
    transform: rotate(180deg);
    cursor: pointer; }
    .product__source-icon_active {
      transform: rotate(0deg); }
  .product__source-dropdown {
    background-color: white;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0; }
  .product__source-item {
    border-radius: 12px;
    background-color: #FFBCB8;
    cursor: pointer; }
  .product__source-option {
    font-family: 'Monserrat', sans-serif;
    cursor: pointer; }
    .product__source-option_active {
      color: #C4C4C4; }
    .product__source-option:hover {
      color: #397271; }
  .product__source-input {
    text-overflow: ellipsis; }
    .product__source-input::placeholder {
      font-size: 16px;
      line-height: 22px;
      color: #C4C4C4;
      font-family: 'Monserrat_medium', sans-serif; }
  .product__source-plus {
    width: 20px;
    min-height: 20px;
    fill: #264948; }
  .product__source-add {
    border-top: 1px solid #979797;
    border-radius: 0;
    color: #264948;
    font-family: 'Monserrat_medium', sans-serif;
    cursor: pointer; }
    .product__source-add:hover {
      color: #8FC6C3; }
      .product__source-add:hover .product__source-plus {
        fill: #8FC6C3; }
    .product__source-add :first-child::first-letter {
      text-transform: uppercase; }
  .product__source-subtitle {
    color: #264948;
    font-family: 'Monserrat_medium', sans-serif;
    border-bottom: 1px solid #979797;
    border-radius: 0; }
  .product__source-buttons {
    border-top: 1px solid #979797;
    border-radius: 0;
    color: #264948;
    font-family: 'Monserrat_medium', sans-serif;
    cursor: pointer; }
  .product__source-button {
    cursor: pointer; }
    .product__source-button_thin {
      font-family: 'Monserrat', sans-serif; }
    .product__source-button:hover {
      color: #8FC6C3; }
  .product__source-name {
    border-radius: 8px;
    resize: none;
    border: 1px solid #C4C4C4; }
    .product__source-name::placeholder {
      font-size: 14px;
      line-height: 20px;
      color: #C4C4C4; }
  .product__source-label .product__forms-text {
    max-width: 5vw;
    text-overflow: ellipsis;
    overflow-x: hidden; }
  .product__source-label .product__forms-content {
    max-width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis; }

.product__forms {
  border-radius: 12px;
  border: 1px solid #C4C4C4; }
  .product__forms-icon {
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    stroke: #24312D;
    transform: rotate(180deg);
    cursor: pointer; }
    .product__forms-icon_active {
      transform: rotate(0deg); }
    .product__forms-icon_exclude {
      stroke: #E72323; }
  .product__forms-dropdown {
    background-color: white;
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0; }
  .product__forms-option {
    font-family: 'Monserrat', sans-serif;
    cursor: pointer; }
    .product__forms-option_active {
      color: #C4C4C4; }
    .product__forms-option:hover {
      color: #397271; }
    .product__forms-option::first-letter {
      text-transform: uppercase; }
  .product__forms-input {
    text-overflow: ellipsis; }
    .product__forms-input::placeholder {
      font-size: 16px;
      line-height: 22px;
      color: #C4C4C4;
      font-family: 'Monserrat_medium', sans-serif; }
  .product__forms-plus {
    width: 16px;
    min-height: 15px;
    fill: #264948; }
  .product__forms-x {
    width: 16px;
    min-height: 15px;
    fill: #E72323;
    transform: rotate(45deg); }
  .product__forms-add {
    border-top: 1px solid #979797;
    border-radius: 0;
    color: #264948;
    font-family: 'Monserrat_medium', sans-serif;
    cursor: pointer; }
    .product__forms-add:hover {
      color: #8FC6C3; }
      .product__forms-add:hover .product__source-plus {
        fill: #8FC6C3; }
  .product__forms-content {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis; }
    .product__forms-content::first-letter {
      text-transform: uppercase; }
  .product__forms-exclude {
    border-top: 1px solid #979797;
    border-radius: 0;
    color: #E72323;
    font-family: 'Monserrat_medium', sans-serif;
    cursor: pointer; }
  .product__forms-block {
    border-top: 1px solid #979797;
    border-radius: 0; }
  .product__forms-container {
    overflow-y: auto; }
  .product__forms-item {
    border-radius: 12px;
    background-color: #FFE4E0; }
    .product__forms-item-icon {
      fill: #264948;
      width: 12px;
      height: 12px;
      cursor: pointer; }
    .product__forms-item_excluded {
      border: 1px solid #E72323;
      background-color: white; }
    .product__forms-item_disabled {
      fill: #C4C4C4; }
  .product__forms-text {
    white-space: nowrap;
    max-width: 5vw;
    text-overflow: ellipsis;
    overflow-x: hidden; }
    .product__forms-text::first-letter {
      text-transform: uppercase; }
  .product__forms-placeholder {
    color: #C4C4C4; }
  .product__forms-subtitle {
    color: #264948;
    font-family: 'Monserrat_medium', sans-serif; }
  .product__forms-cancel {
    color: #264948;
    text-transform: capitalize;
    cursor: pointer; }
  .product__forms-complete {
    color: #D2D2D2;
    font-family: 'Monserrat_medium', sans-serif;
    text-transform: capitalize;
    cursor: pointer; }
  .product__forms__custom-select {
    border: none; }
    .product__forms__custom-select-item {
      border: 1px solid #E72323;
      background-color: white; }
    .product__forms__custom-select-list {
      border-radius: 12px;
      border: 1px solid #C4C4C4; }

.product__custom-select-icon {
  width: 24px !important;
  stroke: #24312D !important;
  transform: rotate(180deg); }
  .product__custom-select-icon_active {
    transform: rotate(0deg); }

.product__unit {
  font-family: 'Monserrat', sans-serif; }
  .product__unit-list {
    border-radius: 12px;
    background-color: white;
    z-index: 100;
    border: 1px solid #C4C4C4; }
  .product__unit-text {
    cursor: pointer;
    color: #C4C4C4; }
  .product__unit-item {
    color: #264948; }
    .product__unit-item:hover {
      color: #CC908C; }
  .product__unit-icon {
    width: 24px;
    min-height: 24px;
    fill: #264948; }

.product__timer {
  font-family: 'Monserrat_medium';
  color: #767676; }

.product__modal-text {
  font-family: 'Monserrat', sans-serif; }
  .product__modal-text::first-letter {
    text-transform: uppercase; }

.product__modal-label {
  margin-bottom: 40px; }
  .product__modal-label .select__choice-dropdown {
    overflow-y: auto; }

.product__modal-input_error {
  border: 1px solid #FF3B30; }

.product__modal-property .select__choice-input {
  text-overflow: ellipsis; }

.product-excluded__custom-select-dropdown {
  overflow-y: auto; }

.product__deleted-text {
  color: #24312D; }
  .product__deleted-text::first-letter {
    text-transform: uppercase; }

.product__value-icon {
  width: 24px;
  height: 22.5px;
  cursor: pointer; }

.pagination {
  color: #264948; }
  .pagination__number {
    cursor: pointer; }
    .pagination__number_active {
      color: white;
      background-color: #264948;
      border-radius: 8px; }
  .pagination__item {
    cursor: pointer; }
  .pagination__icon {
    width: 24px;
    min-height: 24px;
    stroke: #264948;
    transform: rotate(270deg); }
    .pagination__icon_right {
      transform: rotate(90deg); }

.recipe__image-block {
  border-top: 2px solid #C4C4C4;
  position: relative; }

.recipe__image-plate__in {
  fill: #264948; }

.recipe__image-plate__middle {
  fill: #397271; }

.recipe__image-plate__out {
  fill: #264948; }

.recipe__image-plate__wrapper {
  position: relative; }

.recipe__image-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.recipe__image-base {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%; }
  .recipe__image-base__kasha {
    fill: #e4c4a1; }
  .recipe__image-base__part {
    position: absolute; }

.recipe__input {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  font-family: 'Monserrat', sans-serif; }
  .recipe__input-icon {
    fill: #C4C4C4;
    width: 20px;
    cursor: pointer; }

.recipe__button {
  padding: 12px 28px; }

.recipe__article {
  border-radius: 28px;
  background-color: white; }
  .recipe__article-list_active {
    z-index: 201; }

.recipe__list-item {
  border-radius: 28px;
  background-color: white; }

.recipe__list-title {
  font-family: 'Monserrat_semibold', sans-serif;
  text-overflow: ellipsis;
  overflow-x: hidden; }

.recipe__list-icon {
  width: 24px;
  fill: #264948;
  cursor: pointer; }
  .recipe__list-icon_disabled {
    fill: #D2D2D2; }

.recipe__search-icon {
  width: 24px;
  fill: #264948; }

.recipe__search-text {
  font-family: 'Monserrat', sans-serif;
  color: #264948; }

.recipe__search-button {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  background-color: transparent;
  cursor: pointer; }
  .recipe__search-button_active {
    border: 1px solid #FFBCB8; }
    .recipe__search-button_active .recipe__search-icon {
      fill: #FFBCB8; }
    .recipe__search-button_active .recipe__search-text {
      color: #FFBCB8; }

.recipe__dropdown {
  background-color: white;
  z-index: 201;
  border-radius: 12px; }
  .recipe__dropdown-icon {
    width: 20px; }
    .recipe__dropdown-icon_active {
      transform: rotate(180deg); }
  .recipe__dropdown-cone {
    width: 27px;
    fill: white;
    stroke: white; }
  .recipe__dropdown-input {
    color: #24312D; }
  .recipe__dropdown-text {
    color: #24312D; }

.recipe__header-breadcrumbs {
  color: #979797;
  border-right: 2px solid #979797;
  font-family: 'Monserrat', sans-serif;
  cursor: pointer; }
  .recipe__header-breadcrumbs_active {
    color: #24312D;
    border: none;
    cursor: unset; }

.recipe__form-label {
  font-family: 'Monserrat_medium', sans-serif; }

.recipe__form-input {
  border-radius: 12px;
  border: 1px solid #C4C4C4; }

.recipe__form-icon {
  width: 17px;
  min-height: 16px; }
  .recipe__form-icon_small {
    width: 15px;
    height: 15px;
    cursor: pointer; }

.recipe__form-title {
  border: none;
  border-bottom: 1px solid #C4C4C4;
  border-radius: 0%; }

.recipe__form_lowercase::first-letter {
  text-transform: none; }

.recipe__form-modal::first-letter {
  text-transform: uppercase; }

.recipe__tab {
  border-bottom: 2px solid #C4C4C4; }
  .recipe__tab-title {
    font-family: 'Monserrat_semibold', sans-serif;
    color: #C4C4C4;
    cursor: pointer; }
    .recipe__tab-title_active {
      color: #264948;
      border-bottom: 1px solid #FFBCB8; }

.recipe__add-title {
  font-family: 'Monserrat_medium', sans-serif; }

.recipe__add-icon {
  width: 24px;
  min-height: 24px;
  stroke: #24312D;
  transform: rotate(180deg); }
  .recipe__add-icon_active {
    transform: rotate(0deg); }

.recipe__add-product-icon {
  width: 17px;
  min-height: 16px; }

.recipe__filter-label .select__choice-dropdown {
  overflow-y: auto; }

.preference__input {
  font-family: 'Monserrat', sans-serif;
  border-radius: 12px;
  border: 1px solid #C4C4C4; }
  .preference__input-icon {
    fill: #C4C4C4;
    width: 20px;
    cursor: pointer; }

.preference__article {
  border-radius: 28px;
  background-color: white; }
  .preference__article-list_active {
    z-index: 201; }

.preference__search-icon {
  width: 24px;
  fill: #264948; }

.preference__search-text {
  color: #264948;
  font-family: 'Monserrat', sans-serif; }
  .preference__search-text::first-letter {
    text-transform: uppercase; }

.preference__search-button {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  background-color: transparent;
  cursor: pointer; }
  .preference__search-button_active {
    border: 1px solid #FFBCB8; }
    .preference__search-button_active .recipe__search-icon {
      fill: #FFBCB8; }
    .preference__search-button_active .recipe__search-text {
      color: #FFBCB8; }

.preference__dropdown {
  background-color: white;
  z-index: 201;
  border-radius: 12px; }
  .preference__dropdown-icon {
    width: 20px; }
    .preference__dropdown-icon_active {
      transform: rotate(180deg); }
  .preference__dropdown-cone {
    width: 27px;
    fill: white;
    stroke: white; }

.preference__header-breadcrumbs {
  color: #979797;
  border-right: 2px solid #979797;
  font-family: 'Monserrat', sans-serif;
  cursor: pointer; }
  .preference__header-breadcrumbs_active {
    color: #24312D;
    border: none;
    cursor: unset; }

.preference__form-label {
  font-family: 'Monserrat_medium', sans-serif; }
  .preference__form-label ::first-letter {
    text-transform: uppercase; }
  .preference__form-label .product__form-value {
    font-family: 'Monserrat_medium', sans-serif; }

.preference__form-input {
  font-family: 'Monserrat', sans-serif;
  border-radius: 12px;
  border: 1px solid #C4C4C4; }
  .preference__form-input::placeholder {
    font-size: 16px;
    line-height: 22px;
    color: #D2D2D2;
    font-family: 'Monserrat_medium', sans-serif; }
  .preference__form-input_error {
    border: 1px solid #FF3B30; }
  .preference__form-input_filled {
    border: 1px solid #FFBCB8; }

.preference__form-icon {
  width: 24px;
  min-height: 24px; }

.preference__form-button {
  padding: 16px 40px; }

.preference__form-combination {
  background-color: #E0EBEB; }

.preference__group-title {
  border-bottom: 1px solid #C4C4C4;
  cursor: pointer; }

.preference__group-list {
  background-color: white;
  z-index: 201;
  border-radius: 12px;
  border: 1px solid #C4C4C4; }

.preference__group-item {
  font-family: 'Monserrat', sans-serif;
  cursor: pointer; }
  .preference__group-item:hover {
    color: #CC908C; }

.preference__list {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-width: 0; }
  .preference__list::-webkit-scrollbar {
    display: none; }
  .preference__list-item {
    background-color: #F8F2EF; }
    .preference__list-item:nth-child(2n) {
      background-color: white; }

.preference__checkbox-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.preference__checkbox-button {
  background-color: initial;
  font-family: 'Monserrat', sans-serif; }
  .preference__checkbox-button:hover {
    background-color: #FFE4E0;
    border-radius: 4px; }

.preference__checkbox-icon {
  width: 24px;
  min-height: 24px;
  fill: #264948; }

.preference__checkbox-label {
  font-family: 'Monserrat', sans-serif;
  color: #979797; }
  .preference__checkbox-label_active {
    color: #264948; }
  .preference__checkbox-label_number {
    font-family: 'Monserrat_medium', sans-serif; }

.preference__users {
  width: 100%;
  font-family: 'Monserrat', sans-serif; }
  .preference__users-row {
    border-radius: 16px;
    background-color: white; }
    .preference__users-row:nth-child(2n) {
      background-color: #F8F2EF; }
  .preference__users-header {
    background-color: #F8F2EF;
    font-family: 'Monserrat_semibold', sans-serif; }
    .preference__users-header_small {
      background-color: #F8F2EF; }
  .preference__users-item:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; }
  .preference__users-item:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; }
  .preference__users-item_sticky {
    vertical-align: middle;
    position: sticky;
    top: 0;
    background: #F8F2EF;
    z-index: 110; }
  .preference__users-item_modal {
    top: -55px; }
  .preference__users-item_capitalize {
    text-transform: capitalize; }
  .preference__users-title {
    text-align: left; }
    .preference__users-title::first-letter {
      text-transform: uppercase; }
  .preference__users-wrapper {
    overflow-y: auto; }

.preference__custom-select {
  border-radius: 12px; }

.preference__navigation {
  border-bottom: 1px solid #264948; }
  .preference__navigation-item {
    color: #C4C4C4;
    cursor: pointer; }
    .preference__navigation-item_active {
      border-bottom: 2px solid #FFBCB8;
      color: #264948; }
  .preference__navigation-button {
    text-transform: capitalize;
    cursor: pointer; }
  .preference__navigation-icon {
    width: 24px;
    min-height: 24px; }

.preference__item {
  font-family: 'Monserrat', sans-serif; }
  .preference__item:not(:first-child) {
    border-left: 1px solid #264948; }
  .preference__item-header {
    color: #C4C4C4;
    text-align: center; }
    .preference__item-header::first-letter {
      text-transform: uppercase; }
  .preference__item-content {
    color: #24312D;
    text-align: center;
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis; }
    .preference__item-content::first-letter {
      text-transform: uppercase; }
    .preference__item-content_small {
      border-right: none; }
  .preference__item-count {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    cursor: pointer; }

.preference__frequency-title {
  font-family: 'Monserrat_medium', sans-serif; }
  .preference__frequency-title::first-letter {
    text-transform: uppercase; }

.preference__icon-calendar {
  width: 24px;
  height: 24px;
  fill: rgba(38, 73, 72, 0.6);
  cursor: pointer; }

.preference__icon-small {
  min-width: 9px;
  height: 5px;
  stroke: #264948; }
  .preference__icon-small_active {
    transform: rotate(180deg); }

.preference__phrases {
  border-radius: 0 0 20px 20px;
  background-color: #FFFDFC; }
  .preference__phrases-empty {
    color: #767676; }
    .preference__phrases-empty::first-letter {
      text-transform: uppercase; }
  .preference__phrases-loader {
    transition: all 0.5s ease;
    animation: rotate 1s linear infinite; }
  .preference__phrases-item {
    border-bottom: 1px solid #D2D2D2; }
  .preference__phrases-input {
    border-radius: 12px;
    border: 1px solid #C4C4C4;
    text-align: center; }
  .preference__phrases-text::first-letter {
    text-transform: uppercase; }
  .preference__phrases-values {
    color: #767676; }

.preference__groups-icon {
  width: 20px;
  height: 20px;
  cursor: pointer; }
  .preference__groups-icon_disabled {
    fill: #ECEAEA;
    cursor: default; }
  .preference__groups-icon_rotate {
    transform: rotate(180deg); }

.preference__groups-period {
  border: 1px solid #C4C4C4;
  background-color: white;
  border-radius: 12px;
  box-sizing: border-box; }

.preference__modal {
  width: 100%;
  font-family: 'Monserrat', sans-serif; }
  .preference__modal-row {
    border-radius: 16px;
    background-color: white; }
    .preference__modal-row:nth-child(2n) {
      background-color: #F8F2EF; }
  .preference__modal-header {
    background-color: white;
    font-family: 'Monserrat_semibold', sans-serif; }
    .preference__modal-header_small {
      background-color: white;
      width: 50px; }
  .preference__modal-item:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    padding-right: 0; }
  .preference__modal-item:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding-left: 0; }
  .preference__modal-item_sticky {
    vertical-align: middle;
    position: sticky;
    top: 0;
    background: #F8F2EF;
    z-index: 110; }
  .preference__modal-item_modal {
    top: -55px; }
  .preference__modal-item_capitalize {
    text-transform: capitalize; }
  .preference__modal-title {
    text-align: left; }
    .preference__modal-title::first-letter {
      text-transform: uppercase; }
  .preference__modal-wrapper {
    overflow-y: auto; }

.preference__mix {
  border-top: 1px solid #979797;
  border-radius: 0;
  color: #264948;
  font-family: 'Monserrat_medium', sans-serif; }
  .preference__mix-button {
    cursor: pointer; }
    .preference__mix-button:hover {
      color: #8FC6C3; }
      .preference__mix-button:hover .product__source-plus {
        fill: #8FC6C3; }
    .preference__mix-button::first-letter {
      text-transform: uppercase; }
  .preference__mix-plus {
    width: 20px;
    height: 20px;
    fill: #264948; }

.preference__download {
  border: 1px solid #264948; }

.locale__select {
  border-left: 1px solid #C4C4C4;
  cursor: pointer; }
  .locale__select-profile {
    border-left: 0; }

.locale__item {
  color: #979797;
  font-family: 'Monserrat_semibold', sans-serif;
  text-transform: uppercase; }

.locale__icon {
  width: 24px;
  min-height: 24px;
  stroke: #979797;
  transform: rotate(180deg); }

.locale__option {
  border-radius: 8px;
  border: 1px solid #C4C4C4;
  color: #264948;
  background-color: white;
  z-index: 10;
  text-transform: uppercase; }
  .locale__option:hover {
    color: #8FC6C3; }

.checkbox__block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px; }

.checkbox__container {
  cursor: pointer;
  font-family: 'Monserrat', sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox__container:hover .checkbox__item ~ .checkbox__checkmark {
    background-color: white; }
  .checkbox__container .checkbox__item:checked ~ .checkbox__checkmark {
    background-color: #264948;
    border: none; }
  .checkbox__container .checkbox__checkmark:after {
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.checkbox__item {
  opacity: 0;
  cursor: pointer; }

.checkbox__checkmark {
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  background-color: white; }

.checkbox__property .checkbox__item:checked ~ .checkbox__checkmark {
  background-color: #264948;
  border: none; }

.checkbox__icon {
  display: none;
  fill: white;
  width: 20px;
  height: 20px; }

.checkbox__input {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  color: #264948;
  width: 24px;
  height: 24px;
  border: 2px solid #264948;
  border-radius: 4px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center; }
  .checkbox__input:checked {
    background-color: #264948; }
    .checkbox__input:checked ~ .checkbox__icon {
      display: block; }

.password__label {
  display: block; }

.password__input {
  display: block;
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  font-family: 'Monserrat', sans-serif;
  width: 100%; }
  .password__input_error {
    border-color: #FF3B30; }

.password__text::first-letter {
  text-transform: uppercase; }

.password__warning {
  color: #F88545; }

.password__error {
  color: #E72323; }

.switch__container {
  min-width: 40px;
  height: 24px;
  border-radius: 48px;
  position: relative;
  transition: 1s;
  cursor: pointer;
  background-color: #ECEAEA; }
  .switch__container_active {
    background-color: #264948; }

.switch__round {
  background-color: white;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: 1s; }
  .switch__round_active {
    left: auto;
    right: 2px; }

.radio__container {
  position: relative;
  cursor: pointer; }

.radio__round {
  background-color: white;
  border-radius: 100%;
  height: 24px;
  width: 24px;
  border: 2px solid #264948;
  transition: 1s;
  box-sizing: border-box; }
  .radio__round_active {
    border: 7px solid #264948; }

.radio__content::first-letter {
  text-transform: uppercase; }

.property__update-dropdown {
  border-radius: 12px;
  border: 1px solid #D2D2D2;
  background-color: white; }

.property__update-item {
  cursor: pointer; }
  .property__update-item::first-letter {
    text-transform: uppercase; }
  .property__update-item:hover {
    color: #397271; }

.property__title {
  border-radius: 12px;
  border: 1px solid #C4C4C4; }

.property__list {
  border-radius: 12px;
  border: 1px solid #C4C4C4;
  overflow-y: auto; }
  .property__list-item {
    cursor: pointer; }
    .property__list-item:hover {
      color: #397271; }
  .property__list-text::first-letter {
    text-transform: uppercase; }

.property__button {
  width: 329px !important; }

.filter__count {
  width: 14px;
  height: 14px;
  padding: 2px;
  border-radius: 50%;
  background-color: #FFBCB8;
  line-height: normal; }

.commit {
  position: relative; }
  .commit__icon {
    width: 24px;
    height: 24px;
    fill: none; }
  .commit__hint {
    background-color: #24312D;
    position: absolute;
    padding: 4 12px;
    border-radius: 8px;
    z-index: 10;
    font-size: 14px;
    line-height: 20px;
    color: white;
    top: 40px;
    left: -6px;
    width: max-content;
    display: block; }
    .commit__hint-cone {
      display: block;
      position: absolute;
      width: 15px;
      fill: #24312D;
      stroke: #24312D;
      transform: rotate(0deg) translateY(-10px);
      left: 10px;
      top: 0; }

.calendar {
  border-radius: 12px;
  border: 1px solid #D2D2D2;
  background-color: white;
  text-transform: capitalize; }
  .calendar__header {
    border-bottom: 1px solid #D2D2D2; }
    .calendar__header-arrow_left {
      width: 17px;
      min-height: 17px;
      transform: rotate(270deg);
      cursor: pointer;
      stroke: #979797; }
    .calendar__header-arrow_right {
      width: 17px;
      min-height: 17px;
      cursor: pointer;
      transform: rotate(90deg);
      stroke: #979797; }
  .calendar__title {
    color: #264948;
    font-family: 'Monserrat_semibold', sans-serif; }
  .calendar__body {
    border-radius: 0 0 5px 5px; }
  .calendar__day {
    cursor: pointer;
    border-radius: 8px; }
    .calendar__day:hover {
      color: #CC908C; }
  .calendar__additional {
    color: #D2D2D2;
    cursor: pointer; }
  .calendar__selected {
    background-color: #FFE4E0; }
  .calendar__colors-item {
    vertical-align: middle; }
    .calendar__colors-item::before {
      content: '';
      width: 25px;
      height: 25px;
      display: inline-block;
      border: 1px solid #264948;
      border-radius: 8px;
      margin-right: 10px;
      margin-bottom: -7px;
      background-color: #FFE4E0; }
  .calendar__context {
    border-radius: 12px;
    border: 2px solid #264948;
    background-color: white;
    z-index: 999;
    opacity: 1; }
    .calendar__context-item::before {
      content: '';
      width: 25px;
      height: 25px;
      display: inline-block;
      border: 1px solid #264948;
      border-radius: 8px;
      margin-right: 10px;
      background-color: #FFE4E0; }

.item__header-breadcrumbs {
  color: #979797;
  border-right: 2px solid #979797;
  font-family: 'Monserrat', sans-serif;
  cursor: pointer; }
  .item__header-breadcrumbs_active {
    color: #24312D;
    border: none;
    cursor: unset; }

.item__name .preference__icon-info {
  display: none; }

.item__name .item__hint-container {
  bottom: 47px; }

.item__list-name .preference__icon-info {
  display: none; }

.item__hint-warning .item__hint-container {
  bottom: -32px;
  left: auto;
  right: 0px;
  z-index: 1000; }

.item__hint-warning .item__hint-cone {
  transform: rotate(0);
  top: -10px;
  left: auto;
  right: 12px; }

.item__hint-container {
  background-color: #24312D;
  position: absolute;
  padding: 4 12px;
  border-radius: 8px;
  z-index: 10;
  font-size: 14px;
  line-height: 20px;
  color: white;
  left: 10px;
  right: 2px;
  bottom: 37px;
  width: max-content;
  display: block;
  max-width: 300px;
  white-space: break-spaces;
  word-break: break-word; }

.item__hint-cone {
  display: block;
  position: absolute;
  width: 15px;
  fill: #24312D;
  stroke: #24312D;
  transform: rotate(180deg);
  right: auto;
  left: 10px;
  bottom: -12px; }

.item__hint-wrapper {
  position: relative; }

.notification__toast {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: white; }
  .notification__toast-icon {
    width: 20px;
    height: 20px; }
    .notification__toast-icon_small {
      width: 12px;
      height: 12px;
      padding: 6px; }
  .notification__toast-link {
    color: #264948; }
    .notification__toast-link::first-letter {
      text-transform: uppercase; }
  .notification__toast-content::first-letter {
    text-transform: uppercase; }

.hint {
  position: relative; }
  .hint:hover::after {
    content: attr(data-text-before);
    background-color: #24312D;
    position: absolute;
    padding: 4 12px;
    border-radius: 8px;
    z-index: 10;
    font-size: 14px;
    line-height: 20px;
    color: white;
    bottom: 37px;
    left: 10px;
    width: max-content;
    display: block;
    max-width: 300px;
    white-space: break-spaces;
    word-break: break-word; }
  .hint:hover::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 12px solid #24312D;
    display: block;
    position: absolute;
    left: 20px;
    top: -10px;
    transform: rotate(180deg); }

@keyframes rotate {
  from {
    transform: rotate(-360deg); } }

@media (min-width: 1024px) and (max-width: 1456px) {
  .workspace {
    width: calc(100% - 17%); }
  .menu {
    width: 17%; }
    .menu__logo {
      width: 150px; }
  .recipe__article-list {
    width: 60%; }
  .recipe__dropdown {
    width: 55%;
    margin-top: 45px; }
    .recipe__dropdown-buttons {
      justify-content: center; }
  .recipe__list {
    grid-template-columns: repeat(4, 1fr); }
    .recipe__list-item {
      margin: 0 20px 20px 0; }
  .recipe__add-item {
    width: 32.5vw; }
  .recipe__form {
    width: 35%; }
  .preference__dropdown {
    width: 52.5% !important; }
    .preference__dropdown-buttons {
      justify-content: center; }
  .preference__article-list {
    width: 57.5%; }
  .preference__group {
    width: 30%; }
  .preference__item {
    font-size: 12px; }
  .product__article-list {
    width: 53vw; }
  .product__dropdown {
    width: 53vw; }
    .product__dropdown-item {
      width: 45%;
      float: left; }
  .product__list {
    grid-template-columns: repeat(4, 1fr); }
    .product__list_form {
      grid-template-columns: repeat(3, 1fr); }
    .product__list-content {
      width: 20vw; }
    .product__list-title {
      width: 20vw; }
    .product__list-icons {
      column-gap: 0.9vw; }
      .product__list-icons_property {
        right: 18px; }
    .product__list_grid .item__hint {
      width: 40%; }
  .product__form {
    width: 43%; }
    .product__form-list {
      grid-template-columns: repeat(2, 1fr); }
  .product__tab-button {
    width: 376px; }
  .users__subtitle-send {
    max-width: 100%;
    white-space: normal; }
  .item__list-name__hint {
    width: 40%; } }

@media (min-width: 768px) and (max-width: 1024px) {
  body {
    min-width: 768px; }
  .login {
    min-width: 400px;
    padding: 40px; }
    .login__text:hover {
      color: #24312D; }
  .header {
    display: flex;
    justify-content: space-between;
    padding: 20px 28px;
    align-items: center;
    background-color: white; }
    .header__logo {
      width: 80px;
      height: 80px; }
    .header__menu {
      width: 32px;
      height: 32px;
      stroke: #264948; }
  .workspace {
    width: 100%;
    padding: 28px 2vw; }
  .select__choice-icon {
    right: 2vw; }
  .select__choice-item {
    max-width: inherit; }
  .select__choice-text {
    white-space: nowrap; }
  .select__search-icon {
    right: 2vw; }
  .menu {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 120;
    width: 23%; }
    .menu__wrapper {
      width: 77%;
      right: 0;
      top: 0;
      bottom: 0;
      position: fixed;
      background-color: #FAFAFA;
      opacity: 0.9;
      z-index: 120; }
  .profile__title {
    margin: 0 2vw; }
  .profile__article {
    width: 85%;
    margin: 28px 2vw;
    padding: 40px; }
    .profile__article-history {
      margin-top: 0; }
  .profile__form {
    width: 60%; }
  .profile__wrapper {
    flex-direction: column; }
  .modal {
    padding: 40px;
    width: max-content; }
  .users__article {
    width: 85%;
    margin: 28px 2vw;
    padding: 40px; }
    .users__article-list {
      margin-top: 0; }
    .users__article_full-width {
      margin-top: 0; }
  .users__title {
    margin: 0 2vw; }
  .users__form {
    width: 60%; }
  .users__table-item_sticky {
    top: -2px; }
  .users__table-title::first-letter {
    text-transform: uppercase; }
  .users__wrapper {
    flex-direction: column; }
  .users__tab-icon {
    margin: -10px 36px 0 0; }
  .recipe__list {
    grid-template-columns: repeat(2, 1fr); }
    .recipe__list-item {
      margin: 0 20px 20px 0; }
  .recipe__title {
    width: max-content;
    order: 1;
    padding: 0 2vw; }
  .recipe__button {
    order: 2;
    margin: -12px 2vw -25px auto; }
  .recipe__article-list {
    order: 3;
    width: 100%;
    margin: 28px 2vw; }
  .recipe__article-item {
    order: 4;
    margin: 0 0 0 2vw; }
  .recipe__article-add {
    margin: 28px 2vw 28px;
    padding: 30px 4vw; }
  .recipe__dropdown {
    width: 92%;
    margin-top: 160px; }
    .recipe__dropdown-buttons {
      justify-content: center;
      column-gap: 3vw; }
  .recipe__header {
    padding: 0 2vw 0; }
  .recipe__form {
    width: 42vw;
    margin-top: 0; }
  .recipe__tab-title {
    font-family: 'Monserrat_medium', sans-serif; }
  .recipe__add-item {
    width: 42vw; }
  .recipe__add-list {
    margin: 28px 0; }
  .recipe__add-product {
    margin: 28px 0 0;
    width: 42vw; }
  .preference__title {
    width: max-content;
    order: 1;
    padding: 0 2vw; }
  .preference__button {
    order: 2;
    margin: 38px 2vw 0 auto; }
  .preference__article {
    order: 5;
    margin: 28px 2vw;
    padding: 110px 4vw 30px; }
    .preference__article-list {
      order: 3;
      width: 100%;
      margin: 28px 2vw 0;
      padding: 10px 4vw; }
    .preference__article-add {
      margin: 0 2vw;
      padding: 30px 4vw; }
  .preference__group {
    width: 40%;
    order: 4;
    top: 55px;
    left: 6vw;
    z-index: 10;
    margin-bottom: -55px; }
  .preference__table-header:last-child {
    border-right: 1px solid #264948; }
  .preference__table-icons {
    border-left: 1px solid #264948; }
  .preference__table-item_small {
    width: 8vw; }
  .preference__dropdown {
    width: 92%;
    margin-top: 120px;
    padding: 30px 4vw; }
    .preference__dropdown-buttons {
      justify-content: center;
      column-gap: 3vw; }
  .preference__header {
    padding: 0 2vw;
    margin-bottom: 28px; }
  .preference__form {
    flex-wrap: nowrap;
    flex-direction: column; }
    .preference__form-label {
      width: 100%; }
    .preference__form-button {
      top: -67px;
      right: 0;
      padding: 16px 25px; }
  .preference__custom-select {
    width: 100%; }
    .preference__custom-select-dropdown {
      width: 100.5%;
      margin-top: 30px; }
    .preference__custom-select-list {
      max-width: 100%; }
  .preference__checkbox-label {
    margin-left: 5vw; }
  .preference__item-row {
    grid-template-columns: repeat(3, 1fr); }
  .product__title {
    order: 1;
    padding: 0 2vw; }
    .product__title-locale {
      max-width: 30vw; }
  .product__button {
    margin: 38px 0 0 auto;
    position: relative;
    right: 2vw;
    order: 3; }
  .product__article-list {
    order: 4;
    width: 100%;
    margin-top: 28px;
    margin-bottom: 0; }
  .product__article-item {
    order: 5;
    margin: 28px 0 28px 2vw; }
  .product__article-add {
    margin: 28px 2vw 0;
    padding: 30px 4vw; }
  .product__list {
    grid-template-columns: repeat(2, 1fr); }
    .product__list-item {
      margin: 0 2vw 20px 0; }
      .product__list-item:nth-child(5n):has(.product__list-icon_disabled:hover) .product__list-icon_hint {
        left: auto;
        right: 1.5vw; }
    .product__list-title {
      width: 28vw; }
    .product__list-content {
      width: max-content; }
    .product__list-icons:has(.product__list-icon_disabled:hover) .product__list-icon_hint {
      border-radius: 12px 12px 0px 12px;
      left: auto;
      right: 1.5vw; }
    .product__list_grid .product__title-locale {
      max-width: 30vw; }
  .product__dropdown {
    width: 96%;
    margin-top: 93px;
    padding: 30px 40px; }
    .product__dropdown-list {
      grid-template-columns: repeat(2, 1fr); }
  .product__header {
    padding: 0 2vw; }
  .product__form {
    width: 50%; }
    .product__form-label {
      width: 100%; }
    .product__form-button {
      top: -65px;
      right: 0; }
    .product__form-title {
      padding-right: 12vw;
      max-width: 100%;
      text-overflow: ellipsis; }
    .product__form-list {
      grid-template-columns: repeat(1, 1fr);
      width: 17vw; }
  .product__add-list {
    display: flex;
    flex-direction: column; }
    .product__add-list_wrap {
      flex-direction: initial; }
    .product__add-list-children {
      grid-template-columns: repeat(1, 1fr); }
  .product__add-item {
    width: 376px; }
    .product__add-item:has(> .product__form-list) {
      width: 29vw; }
  .product__add-checkbox-text {
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 18vw; }
  .product__tab {
    column-gap: 0;
    margin: 45px 0vw 30px; }
    .product__tab-title {
      font-family: 'Monserrat', sans-serif;
      padding: 10px 1vw; }
    .product__tab-button {
      width: 376px; }
    .product__tab-property {
      column-gap: 2vw; }
      .product__tab-property-label {
        width: 280px; }
  .product__custom-select {
    width: 100%; }
    .product__custom-select-dropdown {
      width: 100.5% !important;
      margin-top: 10px; }
    .product__custom-select-list {
      max-width: 90%; }
    .product__custom-select-icon {
      right: 2vw; }
  .product__timer {
    position: absolute;
    top: 40px;
    right: 40px; }
  .product__deleted-section {
    order: 4;
    margin: 28px 0 0 2vw; }
  .locale__option {
    padding: 10px 2.2vw; }
  .pagination {
    order: 10;
    margin: 10px 0 0;
    min-width: 100%;
    left: 0; }
  .navigation {
    width: max-content;
    order: 2;
    margin: 28px 0 0 2vw; }
    .navigation__item {
      padding: 10px 3vw;
      margin: 0 0 -11px; } }