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