/* Product values and scrollbar grammar are inherited from Desktop/site. */
#bb-homepage{display:contents}
#documentation{display:none}
html[data-bb-view="documentation"] #bb-homepage{display:none}
html[data-bb-view="documentation"] #documentation{display:block}
html[data-bb-view="documentation"],html[data-bb-view="documentation"] body{height:auto!important;min-height:100%;overflow:auto!important;scroll-behavior:smooth;scroll-padding-top:28px}
#documentation .guide-topic{padding-top:44px;margin-top:44px;border-top:1px solid rgba(var(--bb-white-rgb),var(--bb-line-hint));scroll-margin-top:28px}
#documentation .guide-topic>header h2{font-size:32px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px}
#documentation .guide-topic h3{font-size:22px;line-height:1.35;margin:34px 0 18px}
#documentation .guide-topic h4{font-size:18px;line-height:1.4;margin:28px 0 14px}
html[lang="ar"] #documentation .guide-topic>header,html[lang="ar"] #documentation .guide-topic h3,html[lang="ar"] #documentation .guide-topic h4,html[lang="ar"] #documentation .guide-topic p,html[lang="ar"] #documentation .guide-topic li,html[lang="ar"] #documentation .guide-topic aside,html[lang="ar"] #documentation .guide-topic td,html[lang="ar"] #documentation .guide-topic th,html[lang="ar"] #documentation .guide-topic summary,html[lang="ar"] #documentation .guide-topic details>div{direction:rtl;text-align:right}
#documentation .guide-to-contents{display:inline-flex;margin-top:28px;font-size:13px;color:var(--bb-text-secondary)}
.guide-language{position:relative;margin-left:auto;font-family:var(--bb-font-family,Inter,sans-serif)}
.guide-language summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 12px;list-style:none;border-radius:var(--bb-radius-pill);color:var(--bb-text-primary);background:transparent;border:1px solid rgba(var(--bb-white-rgb),var(--bb-line-neutral));cursor:pointer;white-space:nowrap;font-size:12.5px;font-weight:600;transition:transform var(--bb-ease-state),border-color var(--bb-ease-state),box-shadow var(--bb-ease-state)}
.guide-language summary::-webkit-details-marker{display:none}
.guide-language summary:hover,.guide-language summary:focus-visible{transform:translateY(-1px);border-color:rgba(var(--bb-white-rgb),var(--bb-line-active));box-shadow:var(--bb-glow-white);outline:none}
.guide-language summary:active{transform:translateY(0) scale(.97)}
.guide-chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6;transition:transform var(--bb-ease-state)}
.guide-language[open] .guide-chevron{transform:translateY(1px) rotate(225deg)}
.guide-language nav{position:absolute;top:calc(100% + 10px);right:0;width:210px;max-width:80vw;max-height:min(400px,60vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:rgba(var(--bb-deep-space-rgb),.98);border:1px solid rgba(var(--bb-white-rgb),var(--bb-line-soft));border-radius:var(--bb-radius-panel);box-shadow:var(--bb-shadow-card);z-index:90}
.guide-language nav::-webkit-scrollbar{width:6px;height:6px}
.guide-language nav::-webkit-scrollbar-track{background:rgba(var(--bb-white-rgb),.04);border-radius:var(--bb-radius-pill)}
.guide-language nav::-webkit-scrollbar-thumb{background:rgba(var(--bb-scroll-thumb-rgb),.7);border-radius:var(--bb-radius-pill);min-height:30px;border:none}
.guide-language nav::-webkit-scrollbar-thumb:hover{background:rgba(var(--bb-scroll-thumb-rgb),.9)}
.guide-language nav::-webkit-scrollbar-button,
.guide-language nav::-webkit-scrollbar-button:single-button,
.guide-language nav::-webkit-scrollbar-button:start,
.guide-language nav::-webkit-scrollbar-button:end,
.guide-language nav::-webkit-scrollbar-button:vertical:decrement,
.guide-language nav::-webkit-scrollbar-button:vertical:increment,
.guide-language nav::-webkit-scrollbar-corner{display:none!important;width:0;height:0}
.guide-language a{display:block;border:1px solid transparent;border-radius:var(--bb-radius-item);padding:10px 12px;text-decoration:none;color:var(--bb-text-secondary);font-size:12.5px;font-weight:600;line-height:1.5}
.guide-language a:hover,.guide-language a:focus-visible{color:var(--bb-text-primary);border-color:rgba(var(--bb-cyan-rgb),var(--bb-line-strong));box-shadow:var(--bb-glow-cyan);outline:none}
.guide-language a[aria-current]{color:var(--bb-text-primary);border-color:rgba(var(--bb-role-control-rgb),var(--bb-line-strong));box-shadow:var(--bb-glow-vibrant-blue)}
@media(max-width:600px){#documentation .guide-topic>header h2{font-size:27px}.docs-top{gap:12px}.docs-brand span{font-size:22px}.guide-language{margin-left:0}}
@media(prefers-reduced-motion:reduce){html[data-bb-view="documentation"]{scroll-behavior:auto}.guide-language *{transition:none!important}}
@media print{#bb-homepage{display:none}#documentation{display:block!important}.guide-language,.guide-to-contents{display:none}}
@media(scripting:none){#documentation{display:block}}