.lang-flag{font-size:1.25rem;line-height:1}.lang-sidebar-dropdown{width:100%;position:relative}.lang-sidebar-trigger{background:var(--gray-50,var(--gray-50));border:1px solid var(--gray-200,var(--gray-200));cursor:pointer;width:100%;color:var(--gray-700,var(--navy-muted));border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.lang-sidebar-trigger:hover{border-color:var(--teal-primary,#0077b6);background:#fff}.lang-sidebar-trigger.loading{opacity:.6;cursor:wait}.lang-sidebar-trigger .lang-flag{font-size:1.125rem}.lang-sidebar-trigger .lang-name{text-align:left;flex:1}.lang-sidebar-trigger .lang-arrow{color:var(--gray-400,var(--gray-400));font-size:.625rem;transition:transform .2s}.lang-sidebar-trigger .lang-arrow.open{transform:rotate(180deg)}.lang-sidebar-menu{border:1px solid var(--gray-200,var(--gray-200));z-index:1000;background:#fff;border-radius:.5rem;padding:.25rem;animation:.15s dropdownFadeIn;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;box-shadow:0 8px 24px #0000001f}.lang-sidebar-item{cursor:pointer;text-align:left;width:100%;color:var(--gray-700,var(--navy-muted));background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;transition:background .1s;display:flex}.lang-sidebar-item:hover{background:var(--gray-50,var(--gray-50))}.lang-sidebar-item.active{background:#0077b614;font-weight:600}.lang-sidebar-item .lang-flag{font-size:1.125rem}.lang-sidebar-item .lang-name{flex:1}.lang-sidebar-item .lang-check{color:var(--teal-primary,#0077b6);font-size:.75rem}.lang-navbar{background:#ffffff1a;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.lang-navbar-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex}.lang-navbar-btn:hover{opacity:1;background:#ffffff26}.lang-navbar-btn.active{opacity:1;background:#fff;box-shadow:0 1px 3px #0000001a}.lang-inline{background:var(--gray-100,var(--gray-100));border-radius:.5rem;gap:.25rem;padding:.25rem;display:inline-flex}.lang-inline-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .15s;display:flex}.lang-inline-btn:hover{background:#fff;box-shadow:0 1px 2px #0000000d}.lang-inline-btn.active{border-color:var(--primary,#0077b6);background:#fff;box-shadow:0 2px 4px #0077b626}.lang-dropdown{position:relative}.lang-dropdown-trigger{border:1px solid var(--gray-200,var(--gray-200));cursor:pointer;background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.lang-dropdown-trigger:hover{border-color:var(--primary,#0077b6);box-shadow:0 2px 4px #0000000d}.lang-dropdown-trigger.loading{opacity:.6;cursor:wait}.lang-dropdown-trigger .lang-name{color:var(--gray-700,var(--navy-muted));font-weight:600}.lang-dropdown-trigger .lang-label{color:var(--gray-500,var(--gray-500));font-size:.8125rem}.lang-arrow{color:var(--gray-400,var(--gray-400));margin-left:auto;font-size:.625rem;transition:transform .2s}.lang-arrow.open{transform:rotate(180deg)}.lang-dropdown-menu{border:1px solid var(--gray-200,var(--gray-200));z-index:1000;background:#fff;border-radius:.75rem;min-width:200px;padding:.5rem;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #0000001f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;transition:all .1s;display:flex}.lang-dropdown-item:hover{background:var(--gray-50,var(--gray-50))}.lang-dropdown-item.active{background:linear-gradient(135deg,#0077b614 0%,#00b4d814 100%)}.lang-dropdown-item .lang-info{flex-direction:column;flex:1;display:flex}.lang-dropdown-item .lang-native{color:var(--gray-800,var(--navy-light));font-size:.875rem;font-weight:500}.lang-dropdown-item .lang-english{color:var(--gray-400,var(--gray-400));font-size:.75rem}.lang-check{color:var(--primary,#0077b6);font-size:.75rem}@media (max-width:768px){.lang-dropdown-trigger .lang-label{display:none}.lang-sidebar-dropdown{width:100%}}
