/* [project]/app/(plain)/auth/auth.scss.css [app-client] (css) */
.auth-page {
  height: 100vh;
  min-height: 100vh;
  padding: var(--size-block-margin-xl);
  background-image: url("/images/authorization.jpg");
  background-position: center;
  background-size: cover;
}

.auth-page__wrapper {
  grid-template-columns: auto minmax(max-content, 486px);
  justify-content: space-between;
  height: 100%;
  display: grid;
}

.auth-page__text {
  gap: 24px;
  width: 100%;
  max-width: 786px;
  height: max-content;
  display: grid;
}

.auth-page__title {
  color: #000222;
  font-family: var(--font-family), Arial, sans-serif;
  letter-spacing: -2.4px;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 88.48%;
}

.auth-page__subtitle {
  color: #000222;
  font-family: var(--font-family), Arial, sans-serif;
  letter-spacing: -3.6px;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 88.48%;
}

.auth-page__form {
  background-image: url("/noise.svg");
  background-repeat: repeat;
  border-radius: 40px;
  grid-template-rows: max-content 1fr max-content;
  gap: 32px;
  height: 100%;
  display: grid;
  box-shadow: -3px 5px 65.6px #83c0f933;
}

/* [project]/components/ui/title/title.scss.css [app-client] (css) */
.title {
  color: var(--color-text-neutral-primary);
}

.title_size_5xl {
  font-size: var(--size-font-heading-5xl-size);
  line-height: var(--size-font-heading-5xl-line-height);
  letter-spacing: var(--size-font-heading-5xl-letter-spasing);
}

.title_size_4xl {
  font-size: var(--size-font-heading-4xl-size);
  line-height: var(--size-font-heading-4xl-line-height);
  letter-spacing: var(--size-font-heading-4xl-letter-spasing);
}

.title_size_3xl {
  font-size: var(--size-font-heading-3xl-size);
  line-height: var(--size-font-heading-3xl-line-height);
  letter-spacing: var(--size-font-heading-3xl-letter-spasing);
}

.title_size_2xl {
  font-size: var(--size-font-heading-2xl-size);
  line-height: var(--size-font-heading-2xl-line-height);
  letter-spacing: var(--size-font-heading-2xl-letter-spasing);
}

.title_size_xl {
  font-size: var(--size-font-heading-xl-size);
  line-height: var(--size-font-heading-xl-line-height);
  letter-spacing: var(--size-font-heading-xl-letter-spasing);
}

.title_weight_bold {
  font-weight: 700;
}

.title_weight_semibold {
  font-weight: 600;
}

.title_weight_medium {
  font-weight: 500;
}

.title_weight_regular {
  font-weight: 400;
}

/* [project]/components/widget/widget.scss.css [app-client] (css) */
.widget {
  background-color: var(--color-bg-light-sm);
}

.widget_radius-sm {
  border-radius: var(--size-radius-sm);
}

.widget_radius-md {
  border-radius: var(--size-radius-md);
}

.widget_radius-lg {
  border-radius: var(--size-radius-lg);
}

.widget_radius-xl {
  border-radius: var(--size-radius-xl);
}

.widget_padding_3xs {
  padding: var(--size-block-padding-3xs);
}

.widget_padding_2xs {
  padding: var(--size-block-padding-2xs);
}

.widget_padding_xs {
  padding: var(--size-block-padding-xs);
}

.widget_padding_sm {
  padding: var(--size-block-padding-sm);
}

.widget_padding_md {
  padding: var(--size-block-padding-md);
}

.widget_padding_lg {
  padding: var(--size-block-padding-lg);
}

.widget_padding_xl {
  padding: var(--size-block-padding-xl);
}

.widget_padding_2xl {
  padding: var(--size-block-padding-2xl);
}

.widget_padding_3xl {
  padding: var(--size-block-padding-3xl);
}

.widget_padding_4xl {
  padding: var(--size-block-padding-4xl);
}

.widget_padding_5xl {
  padding: var(--size-block-padding-5xl);
}

.widget_spacing_3xs {
  gap: var(--size-block-spacing-3xs);
}

.widget_spacing_2xs {
  gap: var(--size-block-spacing-2xs);
}

.widget_spacing_xs {
  gap: var(--size-block-spacing-xs);
}

.widget_spacing_sm {
  gap: var(--size-block-spacing-sm);
}

.widget_spacing_md {
  gap: var(--size-block-spacing-md);
}

.widget_spacing_lg {
  gap: var(--size-block-spacing-lg);
}

.widget_spacing_xl {
  gap: var(--size-block-spacing-xl);
}

.widget_spacing_2xl {
  gap: var(--size-block-spacing-2xl);
}

.widget_spacing_3xl {
  gap: var(--size-block-padding-3xl);
}

.widget_spacing_4xl {
  gap: var(--size-block-padding-4xl);
}

.widget_height_content {
  height: max-content;
}

.widget_height_full {
  height: 100%;
}

/* [project]/components/auth/auth-form.scss.css [app-client] (css) */
.auth-form {
  align-self: center;
}

.auth-form__error {
  color: var(--color-error, #c62828);
  text-align: center;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.4;
}

.auth-form__url-message {
  color: var(--color-text-secondary, #5c5c5c);
  text-align: center;
  margin-top: 12px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.45;
}

/* [project]/components/ui/form/form/form.scss.css [app-client] (css) */
.form-wrapper {
  gap: var(--size-block-spacing-3xl);
  display: grid;
}

.form-header {
  gap: 4px;
  display: grid;
}

.form-header_justify_center {
  text-align: center;
  justify-content: center;
}

.form-header__actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.form-header:has(.form-header__actions) {
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
}

.form-title {
  color: var(--color-text-neutral-primary, #17191b);
}

.form-item {
  position: relative;
}

.form-item__message {
  font-family: var(--font-family), Arial, Helvetica, sans-serif;
  font-size: var(--size-font-body-sm-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-body-sm-line-height);
  letter-spacing: var(--size-font-body-sm-letter-spasing);
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(90%);
}

.form-item__message_type_error {
  color: var(--color-textfield-filled-error);
}

/* [project]/components/ui/form/textfield/text-field.scss.css [app-client] (css) */
.form-item_type_text {
  position: relative;
}

.form-item_type_text.form-item_size_sm {
  height: 36px;
}

.form-item_type_text.form-item_size_sm .form-input {
  padding-left: 10px;
}

.form-item_type_text.form-item_size_sm .form-label {
  width: calc(100% - 10px);
  left: 10px;
}

.form-item_type_text.form-item_size_sm.form-item_icon-position_left .form-input {
  padding-left: 70px;
}

.form-item_type_text.form-item_size_sm.form-item_icon-position_left .form-item-icon {
  left: 10px;
}

.form-item_type_text.form-item_size_sm.form-item_icon-position_right .form-input {
  padding-right: 70px;
}

.form-item_type_text.form-item_size_sm.form-item_icon-position_right .form-item-icon {
  right: 10px;
}

.form-item_type_text.form-item_size_md {
  height: 44px;
}

.form-item_type_text.form-item_size_md .form-input {
  padding-left: 12px;
}

.form-item_type_text.form-item_size_md .form-label {
  width: calc(100% - 12px);
  left: 12px;
}

.form-item_type_text.form-item_size_md.form-item_icon-position_left .form-input {
  padding-left: 70px;
}

.form-item_type_text.form-item_size_md.form-item_icon-position_left .form-item-icon {
  left: 12px;
}

.form-item_type_text.form-item_size_md.form-item_icon-position_right .form-input {
  padding-right: 70px;
}

.form-item_type_text.form-item_size_md.form-item_icon-position_right .form-item-icon {
  right: 12px;
}

.form-item_type_text.form-item_size_lg {
  height: 52px;
}

.form-item_type_text.form-item_size_lg .form-input {
  padding-left: 16px;
}

.form-item_type_text.form-item_size_lg .form-label {
  width: calc(100% - 16px);
  left: 16px;
}

.form-item_type_text.form-item_size_lg.form-item_icon-position_left .form-input {
  padding-left: 70px;
}

.form-item_type_text.form-item_size_lg.form-item_icon-position_left .form-item-icon {
  left: 16px;
}

.form-item_type_text.form-item_size_lg.form-item_icon-position_right .form-input {
  padding-right: 70px;
}

.form-item_type_text.form-item_size_lg.form-item_icon-position_right .form-item-icon {
  right: 16px;
}

.form-item_type_text.form-item_size_xl {
  height: 56px;
}

.form-item_type_text.form-item_size_xl .form-input {
  padding-left: 16px;
}

.form-item_type_text.form-item_size_xl .form-label {
  width: calc(100% - 16px);
  left: 16px;
}

.form-item_type_text.form-item_size_xl.form-item_icon-position_left .form-input {
  padding-left: 70px;
}

.form-item_type_text.form-item_size_xl.form-item_icon-position_left .form-item-icon {
  left: 16px;
}

.form-item_type_text.form-item_size_xl.form-item_icon-position_right .form-input {
  padding-right: 70px;
}

.form-item_type_text.form-item_size_xl.form-item_icon-position_right .form-item-icon {
  right: 16px;
}

.form-item_type_text.form-item_size_2xl {
  height: 64px;
}

.form-item_type_text.form-item_size_2xl .form-input {
  padding-left: 16px;
}

.form-item_type_text.form-item_size_2xl .form-label {
  width: calc(100% - 16px);
  left: 16px;
}

.form-item_type_text.form-item_size_2xl.form-item_icon-position_left .form-input {
  padding-left: 70px;
}

.form-item_type_text.form-item_size_2xl.form-item_icon-position_left .form-item-icon {
  left: 16px;
}

.form-item_type_text.form-item_size_2xl.form-item_icon-position_right .form-input {
  padding-right: 70px;
}

.form-item_type_text.form-item_size_2xl.form-item_icon-position_right .form-item-icon {
  right: 16px;
}

.form-item_type_text.form-item_mode_filled .form-input {
  background: var(--color-textfield-filled-neutral-sm-bg-default);
  color: var(--color-textfield-filled-neutral-sm-content-active);
}

.form-item_type_text.form-item_mode_filled .form-input::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-default);
}

@media (hover: hover) {
  .form-item_type_text.form-item_mode_filled .form-input:hover, .form-item_type_text.form-item_mode_filled .form-input.hover {
    background: var(--color-textfield-filled-neutral-sm-bg-hover);
  }

  .form-item_type_text.form-item_mode_filled .form-input:hover::placeholder, .form-item_type_text.form-item_mode_filled .form-input.hover::placeholder {
    color: var(--color-textfield-filled-neutral-sm-content-hover);
  }
}

.form-item_type_text.form-item_mode_filled .form-input:focus-visible, .form-item_type_text.form-item_mode_filled .form-input.focus-visible, .form-item_type_text.form-item_mode_filled .form-input.focus {
  background: var(--color-textfield-filled-neutral-sm-bg-focus);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-focus);
}

.form-item_type_text.form-item_mode_filled .form-input:focus-visible::placeholder, .form-item_type_text.form-item_mode_filled .form-input.focus-visible::placeholder, .form-item_type_text.form-item_mode_filled .form-input.focus::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-focus);
}

.form-item_type_text.form-item_mode_filled .form-input:invalid, .form-item_type_text.form-item_mode_filled .form-input.error {
  background: var(--color-textfield-filled-neutral-sm-bg-error);
  border: 2px solid var(--color-textfield-filled-error);
}

.form-item_type_text.form-item_mode_filled .form-input:invalid::placeholder, .form-item_type_text.form-item_mode_filled .form-input.error::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-error);
}

.form-item_type_text.form-item_mode_filled .form-input:disabled, .form-item_type_text.form-item_mode_filled .form-input.disabled {
  color: var(--color-textfield-filled-neutral-sm-content-disabled);
  background: var(--color-textfield-filled-neutral-sm-bg-disabled);
  pointer-events: none;
}

.form-item_type_text.form-item_mode_light .form-input {
  background: var(--color-textfield-filled-light-bg-default);
  color: var(--color-textfield-filled-neutral_sm-content-active);
}

.form-item_type_text.form-item_mode_light .form-input::placeholder {
  color: var(--color-textfield-filled-light-content-default);
}

@media (hover: hover) {
  .form-item_type_text.form-item_mode_light .form-input:hover, .form-item_type_text.form-item_mode_light .form-input.hover {
    background: var(--color-textfield-filled-light-bg-hover);
  }

  .form-item_type_text.form-item_mode_light .form-input:hover::placeholder, .form-item_type_text.form-item_mode_light .form-input.hover::placeholder {
    color: var(--color-textfield-filled-light-content-hover);
  }
}

.form-item_type_text.form-item_mode_light .form-input:focus-visible, .form-item_type_text.form-item_mode_light .form-input.focus-visible, .form-item_type_text.form-item_mode_light .form-input.focus {
  background: var(--color-textfield-filled-light-bg-focus);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-focus);
}

.form-item_type_text.form-item_mode_light .form-input:focus-visible::placeholder, .form-item_type_text.form-item_mode_light .form-input.focus-visible::placeholder, .form-item_type_text.form-item_mode_light .form-input.focus::placeholder {
  color: var(--color-textfield-filled-light-content-default);
}

.form-item_type_text.form-item_mode_light .form-input:invalid, .form-item_type_text.form-item_mode_light .form-input.error {
  background: var(--color-textfield-filled-light-bg-error);
  border: 2px solid var(--color-textfield-filled-error);
}

.form-item_type_text.form-item_mode_light .form-input:invalid::placeholder, .form-item_type_text.form-item_mode_light .form-input.error::placeholder {
  color: var(--color-textfield-filled-light-content-error);
}

.form-item_type_text.form-item_mode_light .form-input:disabled, .form-item_type_text.form-item_mode_light .form-input.disabled {
  color: var(--color-textfield-filled-light-content-disabled);
  background: var(--color-textfield-filled-light-bg-disabled);
  pointer-events: none;
}

.form-item_type_text.form-item_has_icon .form-item-icon {
  cursor: pointer;
  color: inherit;
  font: inherit;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.form-item_type_text.form-item_has_icon .form-item-icon:focus-visible {
  outline: 2px solid var(--color-textfield-filled-focus);
  outline-offset: 2px;
}

.form-item_type_text .form-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  transition: transform .1s;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

.form-item_type_text:focus-within .form-input, .form-item_type_text.form-item_has-value .form-input {
  padding-top: 10px;
}

.form-item_type_text:focus-within .form-label, .form-item_type_text.form-item_has-value .form-label {
  cursor: pointer;
  font-family: var(--font-family), Arial, Helvetica, sans-serif;
  font-size: var(--size-font-body-sm-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-body-sm-line-height);
  letter-spacing: var(--size-font-body-sm-letter-spasing);
  transform: translateY(-100%);
}

.form-item_type_text .form-input {
  height: 100%;
  padding: var(--size-textfield-padding-2sm);
  border-radius: var(--size-textfield-radius-md);
  transition: var(--transition);
  outline: unset;
  border: none;
}

.form-item-wrapper {
  height: 100%;
  display: grid;
}

.form_mode_filled .form-input_type_text .form-input {
  background: var(--color-textfield-filled-neutral-sm-bg-default);
  color: var(--color-textfield-filled-neutral-sm-content-active);
}

.form_mode_filled .form-input_type_text .form-input::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-default);
}

@media (hover: hover) {
  .form_mode_filled .form-input_type_text .form-input:hover, .form_mode_filled .form-input_type_text .form-input.hover {
    background: var(--color-textfield-filled-neutral-sm-bg-hover);
  }

  .form_mode_filled .form-input_type_text .form-input:hover::placeholder, .form_mode_filled .form-input_type_text .form-input.hover::placeholder {
    color: var(--color-textfield-filled-neutral-sm-content-hover);
  }
}

.form_mode_filled .form-input_type_text .form-input:focus-visible, .form_mode_filled .form-input_type_text .form-input.focus-visible, .form_mode_filled .form-input_type_text .form-input.focus {
  background: var(--color-textfield-filled-neutral-sm-bg-focus);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-focus);
}

.form_mode_filled .form-input_type_text .form-input:focus-visible::placeholder, .form_mode_filled .form-input_type_text .form-input.focus-visible::placeholder, .form_mode_filled .form-input_type_text .form-input.focus::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-focus);
}

.form_mode_filled .form-input_type_text .form-input:invalid, .form_mode_filled .form-input_type_text .form-input.error {
  background: var(--color-textfield-filled-neutral-sm-bg-error);
  border: 2px solid var(--color-textfield-filled-error);
}

.form_mode_filled .form-input_type_text .form-input:invalid::placeholder, .form_mode_filled .form-input_type_text .form-input.error::placeholder {
  color: var(--color-textfield-filled-neutral-sm-content-error);
}

.form_mode_filled .form-input_type_text .form-input:disabled, .form_mode_filled .form-input_type_text .form-input.disabled {
  color: var(--color-textfield-filled-neutral-sm-content-disabled);
  background: var(--color-textfield-filled-neutral-sm-bg-disabled);
  pointer-events: none;
}

.form_mode_light .form-input_type_text .form-input {
  background: var(--color-textfield-filled-light-bg-default);
  color: var(--color-textfield-filled-neutral_sm-content-active);
}

.form_mode_light .form-input_type_text .form-input::placeholder {
  color: var(--color-textfield-filled-light-content-default);
}

@media (hover: hover) {
  .form_mode_light .form-input_type_text .form-input:hover, .form_mode_light .form-input_type_text .form-input.hover {
    background: var(--color-textfield-filled-light-bg-hover);
  }

  .form_mode_light .form-input_type_text .form-input:hover::placeholder, .form_mode_light .form-input_type_text .form-input.hover::placeholder {
    color: var(--color-textfield-filled-light-content-hover);
  }
}

.form_mode_light .form-input_type_text .form-input:focus-visible, .form_mode_light .form-input_type_text .form-input.focus-visible, .form_mode_light .form-input_type_text .form-input.focus {
  background: var(--color-textfield-filled-light-bg-focus);
  box-shadow: inset 0 0 0 2px var(--color-textfield-filled-focus);
}

.form_mode_light .form-input_type_text .form-input:focus-visible::placeholder, .form_mode_light .form-input_type_text .form-input.focus-visible::placeholder, .form_mode_light .form-input_type_text .form-input.focus::placeholder {
  color: var(--color-textfield-filled-light-content-default);
}

.form_mode_light .form-input_type_text .form-input:invalid, .form_mode_light .form-input_type_text .form-input.error {
  background: var(--color-textfield-filled-light-bg-error);
  border: 2px solid var(--color-textfield-filled-error);
}

.form_mode_light .form-input_type_text .form-input:invalid::placeholder, .form_mode_light .form-input_type_text .form-input.error::placeholder {
  color: var(--color-textfield-filled-light-content-error);
}

.form_mode_light .form-input_type_text .form-input:disabled, .form_mode_light .form-input_type_text .form-input.disabled {
  color: var(--color-textfield-filled-light-content-disabled);
  background: var(--color-textfield-filled-light-bg-disabled);
  pointer-events: none;
}

/* [project]/components/ui/icon/icon.scss.css [app-client] (css) */
.icon {
  width: var(--icon-width);
  height: var(--icon-height);
  justify-content: center;
  align-items: center;
  display: grid;
}

.icon_size_xl {
  --icon-width: 48px;
  --icon-height: 48px;
}

.icon_size_lg {
  --icon-width: 32px;
  --icon-height: 32px;
}

.icon_size_md {
  --icon-width: 24px;
  --icon-height: 24px;
}

.icon_size_sm {
  --icon-width: 16px;
  --icon-height: 16px;
}

.icon_size_xs {
  --icon-width: 12px;
  --icon-height: 12px;
}

.icon > * {
  width: 100%;
  height: 100%;
}

/* [project]/components/ui/form/checkbox/checkbox.scss.css [app-client] (css) */
.form-item_checkbox_default .form-checkbox-wrapper {
  gap: 8px;
  display: grid;
}

.form-item_type_checkbox.form-item_size_xs {
  width: 16px;
  height: 16px;
}

.form-item_type_checkbox.form-item_size_sm {
  width: 20px;
  height: 20px;
}

.form-item_type_checkbox .form-checkbox-option {
  cursor: pointer;
  transition: var(--transition);
  align-items: center;
  gap: 8px;
  display: flex;
}

.form-item_type_checkbox .form-checkbox-option input[type="checkbox"] {
  display: none;
}

.form-item_type_checkbox .form-checkbox-option .icon {
  transition: var(--transition);
}

.form-item_type_checkbox .form-checkbox-option_state_active {
  color: #000;
}

.form-item_type_checkbox .form-checkbox-option_state_active .icon {
  color: var(--color-button-filled-primary-bg-default);
}

.form-item_type_checkbox .icon {
  width: 20px;
  height: 20px;
}

/* [project]/components/ui/button/button.scss.css [app-client] (css) */
.button {
  cursor: pointer;
  transition: var(--transition);
  text-align: center;
  border-radius: 8px;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
  width: max-content;
  display: inline-grid;
  overflow: hidden;
}

.button_as_button {
  border: none;
}

.button_size_2xl {
  height: 64px;
  padding: 0 32px;
  font-size: 20px;
}

.button_size_xl {
  height: 56px;
  padding: 0 32px;
  font-size: 18px;
}

.button_size_lg {
  height: 52px;
  padding: 0 24px;
  font-size: 16px;
}

.button_size_md {
  height: 44px;
  padding: 0 16px;
  font-size: 16px;
}

.button_size_sm {
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
}

.button_size_xs {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
}

.button_style_filled.button_theme_primary {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}

@media (hover: hover) {
  .button_style_filled.button_theme_primary:hover, .button_style_filled.button_theme_primary.hover {
    background: var(--color-button-filled-primary-bg-hover);
    color: var(--color-button-filled-primary-content-hover);
  }
}

.button_style_filled.button_theme_primary:active, .button_style_filled.button_theme_primary.active {
  background: var(--color-button-filled-primary-bg-active);
  color: var(--color-button-filled-primary-content-active);
}

.button_style_filled.button_theme_primary:focus-visible, .button_style_filled.button_theme_primary.focus-visible, .button_style_filled.button_theme_primary.focus {
  background: var(--color-button-filled-primary-bg-focus);
  color: var(--color-button-filled-primary-content-focus);
}

.button_style_filled.button_theme_primary:disabled, .button_style_filled.button_theme_primary.disabled {
  background: var(--color-button-filled-primary-bg-disabled);
  color: var(--color-button-filled-primary-content-disabled);
  pointer-events: none;
}

.button_style_filled.button_theme_secondary {
  background: var(--color-button-filled-neutral-md-bg-default);
  color: var(--color-button-filled-neutral-md-content-primary-default);
}

@media (hover: hover) {
  .button_style_filled.button_theme_secondary:hover, .button_style_filled.button_theme_secondary.hover {
    background: var(--color-button-filled-neutral-md-bg-hover);
    color: var(--color-button-filled-neutral-md-content-primary-hover);
  }
}

.button_style_filled.button_theme_secondary:active, .button_style_filled.button_theme_secondary.active {
  background: var(--color-button-filled-neutral-md-bg-active);
  color: var(--color-button-filled-neutral-md-content-primary-active);
}

.button_style_filled.button_theme_secondary:focus-visible, .button_style_filled.button_theme_secondary.focus-visible, .button_style_filled.button_theme_secondary.focus {
  background: var(--color-button-filled-neutral-md-bg-default);
  color: var(--color-button-filled-neutral-md-content-primary-default);
}

.button_style_filled.button_theme_secondary:disabled, .button_style_filled.button_theme_secondary.disabled {
  background: var(--color-button-filled-primary-bg-disabled);
  color: var(--color-button-filled-primary-content-disabled);
  pointer-events: none;
}

.button_style_filled.button_theme_neutral {
  background: var(--color-button-filled-neutral-md-bg-default);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-default);
}

@media (hover: hover) {
  .button_style_filled.button_theme_neutral:hover, .button_style_filled.button_theme_neutral.hover {
    background: var(--color-button-filled-neutral-md-bg-hover);
    color: var(--color-button-filled-neutral-sm-content-neutral-md-hover);
  }
}

.button_style_filled.button_theme_neutral:active, .button_style_filled.button_theme_neutral.active {
  background: var(--color-button-filled-neutral-md-bg-active);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-active);
}

.button_style_filled.button_theme_neutral:focus-visible, .button_style_filled.button_theme_neutral.focus-visible, .button_style_filled.button_theme_neutral.focus {
  background: var(--color-button-filled-neutral-md-bg-default);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-focus);
}

.button_style_filled.button_theme_neutral:disabled, .button_style_filled.button_theme_neutral.disabled {
  background: var(--color-button-filled-primary-bg-disabled);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-disabled);
  pointer-events: none;
}

.button_style_filled.button_theme_neutral-secondary {
  color: #535455;
  background: #e6e6e6;
}

@media (hover: hover) {
  .button_style_filled.button_theme_neutral-secondary:hover, .button_style_filled.button_theme_neutral-secondary.hover {
    background: var(--color-button-filled-neutral-md-bg-hover);
    color: var(--color-button-filled-neutral-sm-content-neutral-md-hover);
  }
}

.button_style_filled.button_theme_neutral-secondary:active, .button_style_filled.button_theme_neutral-secondary.active {
  background: var(--color-button-filled-neutral-md-bg-active);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-active);
}

.button_style_filled.button_theme_neutral-secondary:focus-visible, .button_style_filled.button_theme_neutral-secondary.focus-visible, .button_style_filled.button_theme_neutral-secondary.focus {
  background: var(--color-button-filled-neutral-md-bg-default);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-focus);
}

.button_style_filled.button_theme_neutral-secondary:disabled, .button_style_filled.button_theme_neutral-secondary.disabled {
  background: var(--color-button-filled-primary-bg-disabled);
  color: var(--color-button-filled-neutral-sm-content-neutral-md-disabled);
  pointer-events: none;
}

.button_style_filled.button_theme_light {
  background: var(--color-button-filled-neutral-sm-bg-default);
  color: #535455;
}

@media (hover: hover) {
  .button_style_filled.button_theme_light:hover, .button_style_filled.button_theme_light.hover {
    background: var(--color-button-filled-neutral-sm-bg-hover);
    color: #535455;
  }
}

.button_style_filled.button_theme_light:active, .button_style_filled.button_theme_light.active {
  background: var(--color-button-filled-neutral-sm-bg-active);
  color: #535455;
}

.button_style_filled.button_theme_light:focus-visible, .button_style_filled.button_theme_light.focus-visible, .button_style_filled.button_theme_light.focus {
  background: var(--color-button-filled-neutral-sm-bg-focus);
  color: #535455;
}

.button_style_filled.button_theme_light:disabled, .button_style_filled.button_theme_light.disabled {
  background: var(--color-button-filled-neutral-sm-bg-disabled);
  color: var(--color-button-filled-neutral-sm-content-neutral_md-disabled);
  pointer-events: none;
}

.button_style_outline.button_theme_primary {
  background: var(--button-outline-background-primary);
  color: var(--button-outline-font-primary);
}

@media (hover: hover) {
  .button_style_outline.button_theme_primary:hover, .button_style_outline.button_theme_primary.hover {
    background: var(--button-outline-background-primary-hover);
    color: var(--button-outline-font-primary-hover);
  }
}

.button_style_outline.button_theme_primary:active, .button_style_outline.button_theme_primary.active {
  background: var(--button-outline-background-primary-active);
  color: var(--button-outline-font-primary-active);
}

.button_style_outline.button_theme_primary:focus-visible, .button_style_outline.button_theme_primary.focus-visible, .button_style_outline.button_theme_primary.focus {
  background: var(--button-outline-background-primary-focus);
  color: var(--button-outline-font-primary-focus);
}

.button_style_outline.button_theme_primary:disabled, .button_style_outline.button_theme_primary.disabled {
  background: var(--button-outline-background-primary-disabled);
  color: var(--button-outline-font-primary-disabled);
}

.button_style_outline.button_theme_base {
  background: var(--button-outline-background-base);
}

@media (hover: hover) {
  .button_style_outline.button_theme_base:hover {
    background: var(--button-outline-background-base-hover);
  }
}

.button_style_outline.button_theme_base:active, .button_style_outline.button_theme_base.active {
  background: var(--button-outline-background-base-active);
}

.button_style_outline.button_theme_base:focus-visible, .button_style_outline.button_theme_base.focus-visible, .button_style_outline.button_theme_base.focus {
  background: var(--button-outline-background-base-focus);
}

.button_style_outline.button_theme_base:disabled, .button_style_outline.button_theme_base.disabled {
  background: var(--button-outline-background-base-disabled);
}

.button_style_outline.button_theme_neutral {
  background: var(--button-outline-background-neutral);
}

@media (hover: hover) {
  .button_style_outline.button_theme_neutral:hover {
    background: var(--button-outline-background-neutral-hover);
  }
}

.button_style_outline.button_theme_neutral:active, .button_style_outline.button_theme_neutral.active {
  background: var(--button-outline-background-neutral-active);
}

.button_style_outline.button_theme_neutral:focus-visible, .button_style_outline.button_theme_neutral.focus-visible, .button_style_outline.button_theme_neutral.focus {
  background: var(--button-outline-background-neutral-focus);
}

.button_style_outline.button_theme_neutral:disabled, .button_style_outline.button_theme_neutral.disabled {
  background: var(--button-outline-background-neutral-disabled);
}

.button_style_text {
  border-radius: unset;
  border: none;
  padding: 0;
}

.button_style_text.button_theme_primary {
  --button-color-text-primary: var(--global-color-text-secondary);
  --button-color-text-primary-hover: var(--global-color-text-primary);
  --button-color-text-primary-active: var(--button-color-primary-active);
  --button-color-text-primary-focus: var(--global-color-text-primary);
  --button-color-text-primary-disabled: var(--button-color-primary-disabled);
  color: var(--button-color-text-primary);
  background: none;
}

@media (hover: hover) {
  .button_style_text.button_theme_primary:hover, .button_style_text.button_theme_primary.hover {
    color: var(--button-color-text-primary-hover);
  }
}

.button_style_text.button_theme_primary:active, .button_style_text.button_theme_primary.active {
  color: var(--button-color-text-primary-active);
}

.button_style_text.button_theme_primary:focus-visible, .button_style_text.button_theme_primary.focus-visible, .button_style_text.button_theme_primary.focus {
  background: var(--button-color-primary-focus);
  color: var(--button-color-text-primary-focus);
}

.button_style_text.button_theme_primary:disabled, .button_style_text.button_theme_primary.disabled {
  color: var(--button-color-text-primary-disabled);
  pointer-events: none;
}

.button_style_text.button_theme_secondary {
  --button-color-text-secondary: var(--button-color-primary);
  --button-color-text-secondary-hover: var(--button-color-primary-hover);
  --button-color-text-secondary-active: var(--button-color-primary-active);
  --button-color-text-secondary-focus: var(--button-color-primary-focus);
  --button-color-text-secondary-disabled: var(--button-color-primary-disabled);
  color: var(--button-color-text-secondary);
  background: none;
}

@media (hover: hover) {
  .button_style_text.button_theme_secondary:hover, .button_style_text.button_theme_secondary.hover {
    color: var(--button-color-text-secondary-hover);
  }
}

.button_style_text.button_theme_secondary:active, .button_style_text.button_theme_secondary.active {
  color: var(--button-color-text-secondary-active);
}

.button_style_text.button_theme_secondary:focus-visible, .button_style_text.button_theme_secondary.focus-visible, .button_style_text.button_theme_secondary.focus {
  color: var(--button-color-text-secondary-focus);
}

.button_style_text.button_theme_secondary:disabled, .button_style_text.button_theme_secondary.disabled {
  color: var(--button-color-text-secondary-disabled);
  pointer-events: none;
}

.button_style_text.button_size_2xl {
  height: 42px;
}

.button_style_text.button_size_xl {
  height: 38px;
}

.button_style_text.button_size_lg {
  height: 36px;
}

.button_style_text.button_size_md {
  height: 32px;
}

.button_style_text.button_size_sm {
  height: 28px;
}

.button_style_text.button_size_xs {
  height: 24px;
}

.button_modificator_icon {
  min-width: unset;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0;
}

.button_modificator_icon .icon {
  justify-content: center;
  align-items: center;
  display: grid;
}

.button_modificator_circle {
  min-width: unset;
  aspect-ratio: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0;
  display: grid;
}

.button_modificator_circle > .icon {
  text-indent: unset;
}

.button_modificator_full {
  width: 100%;
}

/* [project]/components/ui/form/form-items/form-items.scss.css [app-client] (css) */
.form-items {
  align-items: center;
  display: grid;
}

.form-items-full {
  grid-template-columns: 1fr;
}

.form-items-twice {
  grid-template-columns: 1fr 1fr;
}

.form-items-twice-3-1 {
  grid-template-columns: 3fr 1fr;
}

.form-items-twice-4-2 {
  grid-template-columns: 4fr 2fr;
}

.form-items-start {
  justify-content: flex-start;
  display: flex;
}

.form-items-space-between {
  justify-content: space-between;
  display: flex;
}

.form-items-third {
  grid-template-columns: repeat(3, 1fr);
}

.form-items-third-3-3-1 {
  grid-template-columns: 3fr 3fr 1fr;
}

.form-items-fourth {
  grid-template-columns: repeat(4, 1fr);
}

.form-items_spacing_xl {
  gap: 24px;
}

.form-items_spacing_lg {
  gap: 16px;
}

.form-items_spacing_md {
  gap: 12px;
}

.form-items_spacing_sm {
  gap: 8px;
}

/* [project]/components/logo/logo.scss.css [app-client] (css) */
.logo_type_full {
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  gap: 10px;
  display: grid;
}

.logo_type_full .logo__image {
  color: var(--color-text-neutral-primary);
  width: auto;
  height: 48px;
}

.logo_type_image {
  width: max-content;
}

.logo_type_image .logo__image {
  color: var(--color-text-neutral-primary);
  width: 33px;
  height: 36px;
}

.logo__image svg {
  width: auto;
  height: 100%;
}

.logo__brand {
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family), Arial, Helvetica, sans-serif;
  font-size: 19.27px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.logo__name {
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family), Arial, Helvetica, sans-serif;
  font-size: 15.42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* [project]/components/copyright/copyright.scss.css [app-client] (css) */
.copyright_type_minimal {
  color: var(--color-text-neutral-tertuary, #b0b0b0);
  font-family: var(--font-family), Arial, sans-serif;
  font-size: var(--size-font-body-lg-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-body-lg-line-height);
  letter-spacing: var(--size-font-body-lg-letter-spasing);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

.copyright_type_full {
  font-family: var(--font-family), Arial, sans-serif;
  font-size: var(--size-font-body-md-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-body-md-line_height);
  letter-spacing: var(--size-font-body-md-letter_spasing);
  gap: 4px;
  display: grid;
}

/*# sourceMappingURL=_985564f6._.css.map*/