.lang-sel{flex-direction:column;gap:.45rem;width:100%;display:flex}.lang-sel-label{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0;font-size:12px;font-weight:700}.lang-sel-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.lang-bubble{color:#334155;cursor:pointer;background:#ffffffeb;border:1px solid #94a3b873;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;font-family:inherit;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 2px 8px #0f172a0d}.lang-bubble-code{letter-spacing:.04em;font-size:12px;font-weight:700;line-height:1}.lang-bubble-tip{color:#f9fafb;letter-spacing:0;text-transform:none;white-space:normal;text-align:center;opacity:0;pointer-events:none;z-index:5;background:#111827;border-radius:8px;width:max-content;max-width:200px;padding:.35rem .55rem;font-size:10.5px;font-weight:500;line-height:1.3;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #0f172a38}.lang-bubble-tip:after{content:"";border:5px solid #0000;border-top-color:#111827;margin-left:-5px;position:absolute;top:100%;left:50%}@media (hover:hover) and (pointer:fine){.lang-bubble:hover{color:#1d4ed8;border-color:#2563eb73;transform:translateY(-1px)}.lang-bubble:hover .lang-bubble-tip,.lang-bubble:focus-visible .lang-bubble-tip{opacity:1;transform:translate(-50%)translateY(0)}}.lang-bubble:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.lang-bubble.is-active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 16px #2563eb4d}.lang-bubble.is-active:hover{color:#fff;border-color:#2563eb}.lang-sel--compact{width:auto}.lang-sel--compact .lang-sel-row{flex-wrap:nowrap;gap:.4rem}.lang-sel:not(.lang-sel--compact) .lang-bubble{width:44px;min-width:44px;height:44px;min-height:44px}.lang-sel:not(.lang-sel--compact) .lang-bubble-code{font-size:13px}
