@keyframes fadein{0%{opacity:0}to{opacity:1}}div.locale-switcher{position:relative}div.locale-switcher.mobile>button>svg{transform:rotate(-180deg)}div.locale-switcher.mobile>menu{bottom:calc(100% - 10px);font-size:1.25rem;margin-left:50%;transform:translateX(-50%)}:is(div.locale-switcher.mobile>menu)>li>a{padding:.75rem 1.5rem}div.locale-switcher:not(.mobile)>button{border:1px solid var(--color-background-accent);border-radius:.25rem;padding:.25rem .5rem}div.locale-switcher:not(.open)>button>svg{transform:rotate(-90deg)}div.locale-switcher>button{align-items:center;display:flex;justify-content:center;margin:auto}:is(div.locale-switcher>button)>svg{transition:all .2s;width:1.5rem}div.locale-switcher>menu{animation:fadein .2s;background-color:var(--color-background-accent);border:2px solid var(--color-background-primary);border-radius:.375rem;color:#fff;font-size:1rem;padding:.25rem;position:absolute;z-index:90}:is(div.locale-switcher>menu)>*~*{border-top:1px solid #fff}:is(div.locale-switcher>menu)>li>a{display:block;padding:0 .75rem;text-align:center;width:100%}ul.locale-switcher{align-items:center;display:flex;gap:0;justify-content:center}ul.locale-switcher.stretch{justify-content:space-evenly}ul.locale-switcher.mobile a{background-color:#008bd0;font-size:1.125rem;line-height:1;padding:.5rem}ul.locale-switcher a{background-color:#13465f;border:2px solid #fff;border-radius:.375rem;color:#fff;font-size:.75rem;padding:.25rem}