/* [project]/src/widgets/language-switcher/ui/LanguageSwitcher.module.scss.module.css [app-client] (css) */
:root {
  --font-family: var(--font-plus-jakarta-sans), sans-serif;
  --font-secondary: var(--font-inter), sans-serif;
  --content-width: 1440px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --content-inner-width: 1196px;
  --container-inner-width: calc(var(--content-inner-width)  + (var(--container-offset) * 2));
  --navy-900: #000052;
  --navy-900-80: #000052b3;
  --navy-700: #0b0b77;
  --navy-500: #2727bc;
  --navy-300: #4343f0;
  --yellow-900: #dbdb12;
  --yellow-700: #eeee47;
  --yellow-500: #ffff8c;
  --yellow-300: #ffffd0;
  --white: #fff;
  --gray-50: #f8f9fc;
  --gray-100: #eaecf5;
  --gray-200: #d5d9eb;
  --black: #000;
  --gray-700: #2a2a2a;
  --gray-800: #414141;
  --gray-600: #626262;
  --bg-primary: var(--navy-900);
  --bg-primary-80: var(--navy-900-80);
  --bg-article: var(--gray-100);
  --bg-tertiary: var(--white);
  --bg-overlay: var(--gray-700);
  --text-primary: var(--black);
  --text-secondary: var(--gray-700);
  --text-tertiary: var(--gray-600);
  --text-inverse: var(--white);
  --text-brand: var(--navy-700);
  --text-brand-light: var(--navy-300);
  --text-on-primary: var(--white);
  --border-primary: var(--gray-200);
  --border-secondary: var(--gray-100);
  --border-focus: var(--navy-500);
  --accent-primary: var(--yellow-900);
  --accent-hover: var(--yellow-700);
  --accent-light: var(--yellow-500);
  --icon-primary: var(--navy-700);
  --icon-secondary: var(--navy-500);
  --icon-accent: var(--accent-primary);
  --icon-error: var(--error);
  --icon-inverse: var(--white);
  --success: #439f6e;
  --warning: #ffb82e;
  --error: #f93232;
  --loading: #e8e6f8;
  --disabled: var(--gray-200);
  --input-bg: var(--white);
  --input-bg-focused: var(--white);
  --input-bg-disabled: var(--gray-100);
  --input-bg-error: #fff5f5;
  --input-bg-warning: #fffbf4;
  --input-bg-success: #f7f7fd;
  --input-border: var(--gray-200);
  --input-border-focused: var(--navy-500);
  --input-border-disabled: var(--gray-100);
  --input-border-error: #ffd8d8;
  --input-border-warning: #ffeac1;
  --input-text: var(--black);
  --input-label: #9d99ac;
  --input-placeholder: var(--gray-600);
  --input-text-disabled: var(--gray-600);
  --input-text-mess: #aaa;
}

.LanguageSwitcher-module-scss-module__pZlU9a__root {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.LanguageSwitcher-module-scss-module__pZlU9a__trigger {
  color: var(--text-inverse);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: inline-flex;
}

@media (any-hover: hover) {
  .LanguageSwitcher-module-scss-module__pZlU9a__trigger:hover {
    opacity: .9;
  }
}

.LanguageSwitcher-module-scss-module__pZlU9a__trigger__label {
  text-transform: capitalize;
  font-family: var(--font-plus-jakarta-sans);
  font-size: .8125rem;
  font-weight: 400;
  line-height: 150%;
}

.LanguageSwitcher-module-scss-module__pZlU9a__trigger__icon {
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: inline-flex;
}

.LanguageSwitcher-module-scss-module__pZlU9a__trigger__icon[data-open="true"] {
  transform: rotate(180deg);
}

.LanguageSwitcher-module-scss-module__pZlU9a__dropdown {
  z-index: 100;
  background: #fff;
  border-radius: .5rem;
  flex-direction: column;
  gap: 10px;
  min-width: 3.5rem;
  padding: .75rem 1.25rem;
  display: flex;
  position: absolute;
  top: calc(100% + .25rem);
  left: 50%;
  transform: translateX(-50%);
}

.LanguageSwitcher-module-scss-module__pZlU9a__dropdown__item {
  width: 100%;
  font-family: var(--font-plus-jakarta-sans);
  color: var(--text-primary);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 0;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 150%;
  display: block;
}

/*# sourceMappingURL=src_widgets_language-switcher_ui_LanguageSwitcher_module_scss_module_7b3be707.css.map*/