:root{--picker-vertical-gap:4px}.language-picker{display:inline-block;position:relative}.language-picker em{font-size:inherit;font-style:normal}.language-picker select{display:none}.language-picker__button{border:1px solid var(--color-contrast-medium);border-radius:5rem;cursor:pointer;padding:.5rem 1rem}.language-picker__button .icon{height:16px;width:16px}.language-picker__button .icon:first-of-type{margin-right:var(--space-3xs)}.language-picker__button .icon:last-of-type{margin-left:var(--space-3xs)}.language-picker__label{align-items:center;display:flex}.language-picker__dropdown{background-color:var(--color-white);border-radius:var(--radius-xs);font-size:1rem;left:0;margin-bottom:var(--picker-vertical-gap);margin-top:var(--picker-vertical-gap);opacity:0;padding:var(--space-3xs) 0;position:absolute;top:100%;transition:visibility 0s .2s,opacity .2s;visibility:hidden;width:120px;z-index:var(--z-index-popover,5)}.language-picker__dropdown--right{left:auto;right:0}.language-picker__dropdown--up{bottom:100%;top:auto}.language-picker__button[aria-expanded=true]+.language-picker__dropdown{opacity:1;transition:visibility 0s,opacity .2s;visibility:visible}.language-picker__item{align-items:center;color:var(--color-contrast-high);display:flex;padding:var(--space-2xs) var(--space-sm);text-decoration:none;transition:background .2s}.language-picker__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-picker__item:hover{background-color:rgba(var(--color-contrast-higher),.075)}.language-picker__item:focus{background-color:rgba(var(--color-primary),.1);outline:none}.language-picker__item[aria-selected=true]{background-color:var(--color-accent-1);color:var(--color-white);position:relative}.language-picker__item[aria-selected=true]:focus{outline:2px solid rgba(var(--color-primary),.2)}.language-picker__item[aria-selected=true]:after{background-color:currentColor;content:"";height:16px;margin-left:auto;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 9 4 4L15 3%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m1 9 4 4L15 3%27/%3E%3C/svg%3E");width:16px}