.lang-select{cursor:pointer;gap:14px;position:relative}.lang-select_selectedLang{color:#ffffffbf;font-size:16px;font-weight:700;line-height:normal;text-transform:uppercase;transform:translateY(1px);transition:color .2s ease}.lang-select__icon{height:24px;width:24px;fill:#ffffff80;transition:fill .2s ease}.lang-select-list{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0d0dd9;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;flex-wrap:wrap;gap:18px;padding:20px;position:absolute;right:-16px;top:calc(100% + 16px);width:336px}.lang-select-list,.lang-select-list__item{display:flex;flex-direction:row;justify-content:flex-start}.lang-select-list__item{align-items:center;cursor:pointer;height:18px;opacity:.75;text-decoration:none;transition:opacity .2s ease;width:128px}.lang-select-list__item .icon{height:18px;margin-right:12px;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:18px}.lang-select-list__item .text{color:#fff;font-size:14px;font-style:normal;font-weight:700;text-transform:uppercase}.lang-select-list__item.active{opacity:1}@media (hover:hover) and (pointer:fine){.lang-select-list__item:hover{opacity:1}}@media not ((hover:hover) or (pointer:fine)){.lang-select-list__item:active{opacity:1}}@media (hover:hover) and (pointer:fine){.lang-select:hover .lang-select__icon{fill:#fff}.lang-select:hover .lang-select_selectedLang{color:#fff}}@media not ((hover:hover) or (pointer:fine)){.lang-select:active .lang-select__icon{fill:#fff}.lang-select:active .lang-select_selectedLang{color:#fff}}
