.how-language{position:relative;flex:none;margin-left:16px}
.how-language-current{display:grid;place-items:center;width:48px;height:48px;padding:3px;border:2px solid #31556a;border-radius:50%;background:#102332;cursor:pointer;box-shadow:0 3px 10px #0003}
.how-language img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover}
.how-language-current:hover,.how-language-current[aria-expanded=true]{border-color:#68a4c4}
.how-language button:focus-visible{outline:3px solid #51c6dc;outline-offset:3px}
.how-language-options{position:absolute;right:0;top:calc(100% + 12px);width:210px;padding:8px;background:#102332;border:1px solid #31556a;border-radius:16px;box-shadow:0 16px 44px #0005;z-index:30}
.how-language-options[hidden]{display:none}
.how-language-options button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:#eaf5fa;text-align:left;cursor:pointer;font-size:15px}
.how-language-options button:hover,.how-language-options button[aria-checked=true]{background:#214354}
.how-language-options img{width:28px;height:28px}
#examples{scroll-margin-top:100px}
@media(max-width:700px){.how-language{margin-left:8px}.how-language-current{width:44px;height:44px}#examples{scroll-margin-top:84px}}