.lang-menu{display:flex;flex-direction:column;align-items:start;width:100%;padding-top:16px;>p{font-size:18px;color:var(--My-black);margin:0;padding:0}>.selected-lang-button{margin:8px 0 4px;width:258px;height:48px;justify-content:start;border:1px solid var(--Glass-stroke);background:var(--Glass-gradient);color:var(--My-black);>.flag-n-text{display:flex;align-items:center;justify-content:start;gap:8px;width:100%}>.Crevron{transition:transform .3s ease-in-out}>.Crevron.rotate{transform:rotate(180deg)}}>.lang-list,>.selected-lang-button:hover{border:1px solid var(--Glass-stroke)}>.lang-list{list-style:none;padding:0;margin:0;border-radius:12px;width:256px;overflow:scroll;background:var(--Glass-gradient);max-height:calc(100vh - 248px);max-height:calc(100dvh - 248px);display:none;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}>.lang-list.open{display:block;opacity:1;transform:translateY(0)}>.lang-list>li{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--My-black)}>.lang-list>li:hover{background-color:var(--White-light-BG);cursor:pointer}.flag-icon{padding-top:1px;font-size:24px}}@media (max-width:743px){.lang-menu{>.selected-lang-button{width:100%}>.lang-list{width:100%;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}>.lang-list.open{display:block;opacity:1;transform:translateY(0)}}}