.lang-dd{position:relative;display:inline-block}.lang-dd summary{list-style:none;cursor:pointer}.lang-dd summary::-webkit-details-marker{display:none}.lang-dd-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:var(--border);border-radius:2rem;font-size:.8125rem;font-weight:600;color:var(--clr-text-dark);background:transparent;transition:border-color .15s ease,background-color .15s ease}.lang-dd-trigger:hover,.lang-dd-trigger:focus-visible{border-color:var(--clr-secondary)}.lang-dd[open] .lang-dd-trigger{border-color:var(--clr-primary)}.lang-dd-caret{width:.875rem;height:.875rem;color:var(--clr-text-medium);transition:transform .2s ease}.lang-dd[open] .lang-dd-caret{transform:rotate(180deg)}.lang-dd-menu{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:50;display:flex;flex-direction:column;gap:.125rem;min-width:11rem;padding:.375rem;background-color:var(--clr-surface);border:1px solid var(--clr-border-strong);border-radius:.75rem;box-shadow:var(--box-shadow-lifted);animation:lang-dd-in .15s ease}@keyframes lang-dd-in{0%{opacity:0;transform:translateY(.25rem)}}.lang-dd-item{display:flex;align-items:center;gap:.625rem;padding:.55rem .625rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:var(--clr-text-dark);text-decoration:none;transition:background-color .15s ease}.lang-dd-item:hover,.lang-dd-item:focus-visible{background-color:var(--clr-hover)}.lang-dd-item.active{color:var(--clr-primary)}.lang-dd-check{width:1rem;height:1rem;margin-left:auto;color:var(--clr-primary)}.lang-dd-flag svg{display:block;width:1.25rem;height:auto;border-radius:.1875rem}