.lang-btn-main{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:#ffffffbf}.lang-btn-main:hover{background:#ffffff26;color:#fff}.lang-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0ff2;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 24px #0000004d}.lang-item{color:#fff9;text-align:center}.lang-item.active,.lang-item:hover{background:#ffffff1a;color:#fff}.dropdown-enter-active,.dropdown-leave-active{transition:all .2s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-8px)}[data-theme=retro] .lang-btn-main{background:#33ff331a;border-color:#33ff3340;color:#33ff33bf}[data-theme=retro] .lang-btn-main:hover{background:#3f33;color:#3f3}[data-theme=retro] .lang-menu{background:#0a0a08f2;border-color:#3f33}[data-theme=retro] .lang-item{color:#3f39}[data-theme=retro] .lang-item.active,[data-theme=retro] .lang-item:hover{background:#33ff3326;color:#3f3}[data-theme=soft] .lang-btn-main{background:#a78bfa1a;border-color:#a78bfa33;color:#a78bfabf}[data-theme=soft] .lang-btn-main:hover{background:#a78bfa33;color:#a78bfa}[data-theme=soft] .lang-menu{background:#1a1a2ef2;border-color:#a78bfa26}[data-theme=soft] .lang-item{color:#a78bfa99}[data-theme=soft] .lang-item.active,[data-theme=soft] .lang-item:hover{background:#a78bfa26;color:#a78bfa}[data-theme=ocean] .lang-btn-main{background:#38bdf81a;border-color:#38bdf833;color:#38bdf8bf}[data-theme=ocean] .lang-btn-main:hover{background:#38bdf833;color:#38bdf8}[data-theme=ocean] .lang-menu{background:#0c1929f2;border-color:#38bdf826}[data-theme=ocean] .lang-item{color:#38bdf899}[data-theme=ocean] .lang-item.active,[data-theme=ocean] .lang-item:hover{background:#38bdf826;color:#38bdf8}[data-theme=sunset] .lang-btn-main{background:#fb923c1a;border-color:#fb923c33;color:#fb923cbf}[data-theme=sunset] .lang-btn-main:hover{background:#fb923c33;color:#fb923c}[data-theme=sunset] .lang-menu{background:#1a1215f2;border-color:#fb923c26}[data-theme=sunset] .lang-item{color:#fb923c99}[data-theme=sunset] .lang-item.active,[data-theme=sunset] .lang-item:hover{background:#fb923c26;color:#fb923c}[data-theme=forest] .lang-btn-main{background:#4ade801a;border-color:#4ade8033;color:#4ade80bf}[data-theme=forest] .lang-btn-main:hover{background:#4ade8033;color:#4ade80}[data-theme=forest] .lang-menu{background:#0f1a14f2;border-color:#4ade8026}[data-theme=forest] .lang-item{color:#4ade8099}[data-theme=forest] .lang-item.active,[data-theme=forest] .lang-item:hover{background:#4ade8026;color:#4ade80}