/* Reference site's header components, adapted only for ten-language navigation. */
.vi-reference-header{color:#c7d3ea}
.vi-reference-header .vz-nav-shell{gap:22px}
.vi-reference-header .vz-nav-dropdown-toggle{font-family:inherit;line-height:1.65}
.vi-reference-header .vz-brand-tag{white-space:nowrap}
.vi-reference-header .vz-nav-actions{gap:14px}
.vi-reference-header .vz-nav-phone{white-space:nowrap}
.vi-reference-header .vz-nav-phone .vi-icon{width:13px;height:13px}
.vi-reference-header .vi-languages{margin:0}
.vi-reference-header .vi-languages>summary{min-height:40px;padding:8px;gap:7px;color:#c7d3ea;font-family:inherit}
.vi-reference-header .vi-languages>summary:hover,.vi-reference-header .vi-languages[open]>summary{color:#fff;background:rgba(91,150,255,.09)}
.vi-reference-header .vi-languages .vi-drop-panel{inset-block-start:calc(100% + 8px);inset-inline-end:0;min-width:230px;border:1px solid rgba(148,178,255,.16);border-radius:14px;background:#0b1424;box-shadow:var(--vz-shadow-dark)}
.vi-reference-header .vi-languages .vi-drop-panel>a{color:#c7d3ea}
.vi-reference-header .vi-languages .vi-drop-panel>a:hover,.vi-reference-header .vi-languages .vi-drop-panel>a[aria-current]{background:rgba(91,150,255,.09);color:#fff}
.vi-reference-header .vi-language-check{color:#5b96ff}
.vi-reference-header .vz-dropdown-menu{left:auto;right:auto;inset-inline-start:-12px;max-height:calc(100dvh - 100px);overflow-y:auto}
.vi-reference-header .vz-dropdown-code{flex:0 0 auto}
.vi-reference-header .vz-dropdown-copy{min-width:0}
.vi-reference-header .vz-dropdown-copy strong,.vi-reference-header .vz-dropdown-copy span{line-height:1.55}
.vi-reference-header .vz-mobile-menu{position:absolute;top:72px;inset-inline:0;z-index:999;display:none;height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);padding:18px 20px 42px;overflow-y:auto;overscroll-behavior:contain;color:#e8eef9;background:rgba(4,7,15,.98);backdrop-filter:blur(14px)}
.vi-reference-header .vz-mobile-menu.is-open{display:block}
.vi-reference-header .vz-mobile-menu-group{display:grid;margin-bottom:16px}
.vi-reference-header .vz-mobile-menu-label{margin:8px 4px 5px;color:#5b96ff;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.15em}
.vi-reference-header .vz-mobile-menu a{display:flex;min-height:44px;align-items:center;padding:9px 5px;border-bottom:1px solid rgba(148,178,255,.09);color:#c7d3ea;font-size:14px;text-decoration:none}
.vi-reference-header .vz-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.vi-reference-header.vi-nav-compact .vz-brand-tag,.vi-reference-header.vi-nav-compact .vz-nav-phone{display:none}
.vi-reference-header.vi-nav-mobile .vz-nav,.vi-reference-header.vi-nav-mobile .vz-nav-actions>.vz-button{display:none}
.vi-reference-header.vi-nav-mobile .vz-mobile-toggle{display:inline-flex}
html[dir=rtl] .vi-reference-header .vz-nav-dropdown-toggle,html[dir=rtl] .vi-reference-header .vi-dropdown summary{font-family:inherit}
@media(max-width:960px){.vi-reference-header .vz-nav{display:none}.vi-reference-header .vz-nav-actions>.vz-button{display:none}.vi-reference-header .vz-mobile-toggle{display:inline-flex}}
@media(max-width:480px){.vi-reference-header .vz-mobile-menu{top:68px;height:calc(100dvh - 68px);max-height:calc(100dvh - 68px)}.vi-reference-header .vi-languages>.vi-drop-panel{inset-inline-end:-56px}}
@media(prefers-reduced-motion:reduce){.vi-reference-header *{transition:none!important}}

.vi-reference-header .vz-mobile-actions>a:only-child{grid-column:1/-1}