#language-switcher{font-size:3rem;line-height:2.8rem;position:fixed;top:100px;right:-30px;width:60px;background-color:#fff;border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem;border:1px solid #3b82f6;box-shadow:-2px 2px 5px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000}#language-switcher.open{right:0}#language-switcher.hide{right:-200px}#language-switcher .toggle-button{width:60px;height:60px;user-select:none;outline:0;display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom-left-radius:1.5rem}#language-switcher .language-list{margin:0;padding:0;overflow:hidden;max-height:0;transition:max-height .3s ease;display:flex;flex-direction:column;align-items:center}#language-switcher.open .language-list{max-height:600px}#language-switcher .language-list .flag{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}#language-switcher.open .language-list .flag{opacity:1;transform:translateY(0)}#language-switcher .language-list::after{content:'';display:block;height:.4rem}#language-switcher.open .language-list .flag:first-child{transition-delay:0.1s}#language-switcher.open .language-list .flag:nth-child(2){transition-delay:0.2s}#language-switcher.open .language-list .flag:nth-child(3){transition-delay:0.3s}#language-switcher.open .language-list .flag:nth-child(4){transition-delay:0.4s}#language-switcher.open .language-list .flag:nth-child(5){transition-delay:0.5s}#language-switcher.open .language-list .flag:nth-child(6){transition-delay:0.6s}#language-switcher.open .language-list .flag:nth-child(7){transition-delay:0.7s}#language-switcher .language-list div:hover{transform:scale(1.3)}@media (max-width:600px){#language-switcher{top:50px}}